npm 在本地链接Angular 项目

yizd12fk  于 2023-05-23  发布在  Angular
关注(0)|答案(1)|浏览(139)

我正在尝试将我的angular 13项目链接为ui组件库。我已经建立了项目,并在一个dist文件夹中的包。接下来,我使用“yarn link”将其链接到我的主项目(angular 14),我可以看到它被正确地添加为node_modules文件夹中的依赖项。
我的问题是,我不断得到错误(图像附加)在浏览器上的组件导入从我的UI库。
PS:ui-library也发布到npm,从注册表安装时可以正常工作,但我也希望能够在本地使用它进行开发。

jdzmm42g

jdzmm42g1#

您可以尝试以下操作:
构建您的angular库组件。在构建之后,导航到dist/文件夹,然后进入dist文件夹中的library-folder/...所以从技术上讲,在此之后,您的路径必须是dist\component-library。在命令提示符/terminal/vs code terminal的文件夹中,点击npm link,然后转到您想要使用此组件库的项目,点击npm link component-library-name,然后它将链接它。
如果链接还不能正常工作,只针对本地更改,请从package.json中删除组件库,看看是否有效。确保您实际上没有部署该更改。

相关问题