在本地链接角度项目

Question

我正在尝试将我的 angular 13 项目链接为 ui 组件库。我已经构建了项目并将包放在 dist 文件夹中。 接下来，我使用“yarn link”将它链接到我的主项目（angular 14），我可以看到它已作为依赖项正确添加到我的 node_modules 文件夹中。

我的问题是，从我的 UI 库导入的组件在浏览器上不断出现错误（附图片）。

PS：ui-library 也发布到 npm 并在从注册表安装时按预期工作，但我也希望能够在本地使用它进行开发。

Answer 1

您可以尝试以下方法：

构建您的角度库组件。构建后导航到 dist/ 文件夹，然后进入 dist 文件夹内的 library-folder/ ..所以从技术上讲，在此之后你的路径必须是

dist\component-library

。进入命令提示符/终端/vs 代码终端中的该文件夹后，点击

npm link

，然后前往您要使用此组件库的项目并点击

npm link component-library-name

，然后它将链接它。

如果链接尚未生效，仅针对您的本地更改，请从您的 package.json 中删除组件库并查看是否有效。确保您实际上没有部署该更改。