Storybook 在 Angular Intershop 项目中不起作用

Question

当我尝试使用此命令将故事书添加到 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 文件中有这个

declare module '@storybook/angular/demo' { export const Button: any; export const Welcome: any; }

Answer 1

只是为了得到它 'working' 你可以尝试以下方法吗：

将 declare module '@storybook/angular/demo' 添加到 src/typings.d.ts。
将“../src/setupJest.ts”添加到 .storybook/tsconfig.json 中的 "exclude" 数组，这样故事书会忽略那里使用的类型

（编辑：包含排除与笑话类型冲突的正确答案）

Answer 2

只需将“../src/setupJest.ts”添加到.storybook/tsconfig.json

中的"exclude"数组

Storybook 在 Angular Intershop 项目中不起作用

Storybook not working in Angular Intershop Project

intershop

angular

storybook