我正在尝试将我的angular 13项目链接为ui组件库。我已经建立了项目,并在一个dist文件夹中的包。接下来,我使用“yarn link”将其链接到我的主项目(angular 14),我可以看到它被正确地添加为node_modules文件夹中的依赖项。我的问题是,我不断得到错误(图像附加)在浏览器上的组件导入从我的UI库。PS:ui-library也发布到npm,从注册表安装时可以正常工作,但我也希望能够在本地使用它进行开发。
jdzmm42g1#
您可以尝试以下操作:构建您的angular库组件。在构建之后,导航到dist/文件夹,然后进入dist文件夹中的library-folder/...所以从技术上讲,在此之后,您的路径必须是dist\component-library。在命令提示符/terminal/vs code terminal的文件夹中,点击npm link,然后转到您想要使用此组件库的项目,点击npm link component-library-name,然后它将链接它。如果链接还不能正常工作,只针对本地更改,请从package.json中删除组件库,看看是否有效。确保您实际上没有部署该更改。
dist\component-library
npm link
npm link component-library-name
1条答案
按热度按时间jdzmm42g1#
您可以尝试以下操作:
构建您的angular库组件。在构建之后,导航到dist/文件夹,然后进入dist文件夹中的library-folder/...所以从技术上讲,在此之后,您的路径必须是
dist\component-library
。在命令提示符/terminal/vs code terminal的文件夹中,点击npm link
,然后转到您想要使用此组件库的项目,点击npm link component-library-name
,然后它将链接它。如果链接还不能正常工作,只针对本地更改,请从package.json中删除组件库,看看是否有效。确保您实际上没有部署该更改。