故事书找不到模块'@storybook/angular'[重复]

Posted 2023-02-19

【中文标题】故事书找不到模块\'@storybook/angular\'[重复]

【英文标题】：Storybook Cannot find module '@storybook/angular' [duplicate]故事书找不到模块'@storybook/angular'[重复]

【发布时间】：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

My package.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，我强烈推荐它。

【参考方案1】：

只需在 .storybook 目录中的“typings.d.ts”中添加以下行

declare module '@storybook/angular/demo'