Angular 2，导入自定义包

Question

我正在使用 angular 2+，我已将自定义包复制到我的 node_module 目录中，例如 node_module/@customPackage/forms 所以在我的组件代码中，我像这样 import {blabla}from '@customPackage/forms' 导入它。 但是在编译时我仍然有一个错误提示“[ts] 找不到模块@customPackage/forms”。

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

Answer 1

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

Answer 2

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

步骤：
1. 在您的自定义包文件夹中：

• yarn build

• yarn link ：

• 这将显示如下内容（来自我的自定义包）。

  • 请参阅yarn link "my-package ”：

2. 现在，进入你的 angular 项目文件夹并输入上面的句子，将你的自定义包链接到你的 angular 项目中：
   • yarn link "my-package" （我们需要包名周围的双引号）

3. 打开你的代码编辑器，如果你使用vscode你应该看到包到node_modules文件夹中，右边有一个小箭头，如下所示：

4. 如果您成功完成上述操作，您现在可以使用您的模块，例如import { mymodule } from 'my-package

希望这会有所帮助。