【发布时间】:2021-09-05 02:59:24
【问题描述】:
我正在尝试为 Angular 8 设置 Storybook,但是在运行 npm run storybook 时出现以下错误:
ERROR in /home/user/dev/storybook/src/stories/Button.stories.ts
ERROR in /home/user/dev/storybook/src/stories/Button.stories.ts(2,29):
TS2307: Cannot find module '@storybook/angular/types-6-0'.
ERROR in /home/user/dev/storybook/src/stories/Header.stories.ts
ERROR in /home/user/dev/storybook/src/stories/Header.stories.ts(1,32):
TS2307: Cannot find module '@storybook/angular'.
ERROR in /home/user/dev/storybook/src/stories/Header.stories.ts
ERROR in /home/user/dev/storybook/src/stories/Header.stories.ts(4,29):
TS2307: Cannot find module '@storybook/angular/types-6-0'.
ERROR in /home/user/dev/storybook/src/stories/Page.stories.ts
ERROR in /home/user/dev/storybook/src/stories/Page.stories.ts(1,45):
TS2307: Cannot find module '@storybook/angular'.
但是,@storybook/angular 在package.json 上并且已安装,并且文件本身在使用 vscode 进行可视化时不会提示任何错误。我尝试使用谷歌的所有解决方案,例如:
- 从
@storybook/angular导入所有内容而不使用@storybook/angular/types-6-0 - 将
@storybook/angular/types-6-0添加到.storybook/typings.d.ts - 将
../src/setupJest.ts添加到.storybook/tsconfig.json中的排除数组 - 在
angularCompilerOptions下将"enableIvy": false添加到tsconfig.json
我做错了什么?
【问题讨论】:
-
我也有同样的问题。我使用本指南storybook.js.org/docs/angular/get-started/install 将故事书添加到现有项目并尝试了相同的修复。有人有想法吗?我正在使用:typescript 3.7.5、angular 9.1.2 和 storybook 6.3.6。
-
但是,这不是这个问题的直接答案,有些人可能会感兴趣。根据我的经验,几乎只需一个命令就可以在 NX 工作区中添加 Storybook for Angular,如nx.dev/latest/angular/storybook/overview 所述。如果可以选择 NX,我强烈推荐它。
标签: angular typescript storybook angular-storybook