NX 工作区中使用 UI 库的故事书

时间:2021-04-02 11:26:20

标签: angular storybook nrwl-nx

我的 NX 工作区包含多个应用程序和库。我是故事书的新手,并按照此处的命令:https://nx.dev/latest/angular/storybook/overview 添加故事书支持。我想将它添加到一个简单的组件库中。包含到 angular 模块,其中一个只是导入/导出材质组件的简单模块,但另一个模块包含我想用故事书测试的组件。

创建一切正常,没有任何错误。使用命令 nx run project:storybook 启动故事书最终会出现一些错误消息,所有内容都相同:

ERROR in ERROR in undefined(undefined,undefined): TS5055:无法写入文件“/Users/ABCD/Documents/Development/git/WORKSPACENAME/.storybook/main.js”,因为它会覆盖输入文件。

...

ERROR in ERROR in undefined(undefined,undefined): TS5055:无法写入文件“/Users/ABCD/Documents/Development/git/WORKSPACENAME/libs/core/components/.storybook/webpack.config.js”,因为它会覆盖输入文件。

我在这里做错了什么?

1 个答案:

答案 0 :(得分:0)

好吧,我可以自己回答这个问题。我发现了一个完全不同的问题 - 所以我想 - 但它在这里帮助了我。

您还需要在 tsconfig.js 中定义 dist 文件夹,而不仅仅是 tsconfig.lib.json。