angular - Storybook 在 Angular Intershop 项目中不起作用

Question

当我尝试使用此命令将 Storybook 添加到 Angular Intershop 项目时 npx -p @storybook/cli sb init --type Angular 然后运行 ​​npm run Storybook ，它给了我这个错误:

ERROR in D:/angular-intershop/intershop-pwa/src/stories/0-Welcome.stories.ts
ERROR in D:/angular-intershop/intershop-pwa/src/stories/0-Welcome.stories.ts(1,25):
TS2307: Cannot find module '@storybook/angular/demo'.

ERROR in D:/angular-intershop/intershop-pwa/src/stories/1-Button.stories.ts
ERROR in D:/angular-intershop/intershop-pwa/src/stories/1-Button.stories.ts(4,24):
TS2307: Cannot find module '@storybook/angular/demo'.

你知道缺少什么吗？谢谢

Storybook Angular Intershop Error

我的 demo.d.ts 文件中有这个

声明模块'@storybook/angular/demo'{
导出 const 按钮:任意；
导出 const 欢迎:任何；
}

Answer 1

为了让它“工作”，您可以尝试以下操作:

• 将声明模块“@storybook/angular/demo”添加到src/typings.d.ts。
• 将“../src/setupJest.ts”添加到 .storybook/tsconfig.json 中的“排除”数组，以便 Storybook 忽略其中使用的类型

(编辑:包括排除与笑话类型冲突的正确答案)