故事书找不到模块“@storybook/angular”

Question

我正在尝试为 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 中的排除数组
• 将 "enableIvy": false 添加到 tsconfig.json 下的 angularCompilerOptions

My package.json

我做错了什么？

Answer 1

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

declare module '@storybook/angular/demo'

Answer 2

您是否尝试过@Mr.7 的解决方案

<块引用>

就我而言，我尝试了 Subhakant 的解决方法，但这对 我。经过一番研究，我发现了这一点。

.storybook 目录下的typings.d.ts 中的显式声明 让它工作

声明模块'@storybook/angular'

Angular 8 with Storybook 6

Answer 3

在typings.d.ts 中声明模块'@storybook/angular/demo' 将修复它。