Angular 2,导入自定义包

时间:2018-04-23 21:18:57

标签: node.js angular components

我使用angular 2+,我将自定义包复制到我的node_module目录中,就像这个node_module / @ customPackage / forms 因此,在我的组件代码中,我将其导入为来自' @ customPackage / forms'的import {blabla}。 但是在编译时我仍然有错误说" [ts]找不到模块@ customPackage / forms"。

我真的不知道为什么会有这个错误。请帮忙。 感谢

2 个答案:

答案 0 :(得分:0)

您可以在dependencies文件中的package.json数组中记下包名称,然后点击npm install。所以安装所有依赖项

答案 1 :(得分:0)

嗨,您不需要复制粘贴您的程序包,将自定义程序包使用到angular应用程序中的正确方法是像这样链接它:

STEPS
1.在您的自定义包文件夹中:

  • yarn build

  • yarn link

  • 这将显示类似的内容(这来自我的自定义包)。

    • 请参见yarn link "my-package”:

enter image description here

  1. 现在,进入您的angular项目文件夹,然后输入上述句子,以将您的自定义包链接到您的angular项目中:
    • yarn link "my-package"(我们需要在包名两边加上双引号) enter image description here
  2. 打开代码编辑器,如果您使用vscode,则应该在{strong>右侧带有小箭头的node_modules文件夹中看到该软件包,如下所示: enter image description here

  3. 如果上述操作均成功完成,则可以像import { mymodule } from 'my-package

  4. 这样使用您的模块

希望这会有所帮助。