我创建了多个角度库,角度项目没有应用程序。如果我将模板和样式放在.component.ts中,它可以正常工作。但是如果我使用外部模板和样式,它会开始抛出错误并且在故事书中不起作用。
我必须在angular.json中指定什么吗?我一直卡在这个问题上,请帮忙。
我创建了多个角度库,角度项目没有应用程序。如果我将模板和样式放在.component.ts中,它可以正常工作。但是如果我使用外部模板和样式,它会开始抛出错误并且在故事书中不起作用。
我必须在angular.json中指定什么吗?我一直卡在这个问题上,请帮忙。
Your Angular Library has a file called public-api.ts
In this file, you must specify the files to be published in the build
示例:export * from './lib/dpk-modal.module';
我正在构建一个带有角度和故事书的组件库。这里有一篇关于如何使用故事书构建自定义组件库的精彩文章。
我面临的问题是,当我在本地使用故事书中的组件时,外部 HTML 和 CSS 工作正常。但是,当我创建库的 NPM 包,将其安装在我的应用程序中并尝试在 Storybook 中使用它时,它永远不会加载外部 HTML。
我试图寻找解决方案好几天,但找不到任何帮助。有人建议更新 public-api.ts 文件,也有人建议在 angularCompilerOptions下的tsconfig.lib.json文件中将enableResourceInlining设置为 true 。
就我而言,这已经是正确的并且没有用。最后在尝试了不同的解决方案之后,我发现我在构建库时缺少一个参数。我所要做的就是在构建库时使用--prod 。
npm build [your-library-name] --prod
这个参数解决了这个问题,没有人向我建议这个解决方案。由于故事书在市场上还没有那么流行,所以很少有人可以在社区中提供帮助。