Storybook not working in Angular Intershop Project

user_10531273 0
Viewed 888

When I try to add storybook to an Angular Intershop Project with this command npx -p @storybook/cli sb init --type angular and then run npm run storybook, it gives me this error: 

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'.

Do you know what is missing? Thank you

Storybook Angular Intershop Error

And I have this in my demo.d.ts file

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

intershop storybook angular
2 Answers

Just to get it 'working' can you try the following:

  • add the declare module '@storybook/angular/demo' to src/typings.d.ts.
  • add "../src/setupJest.ts" to the "exclude" array in .storybook/tsconfig.json so storybook ignores the types used there

(edit: included correct answer for excluding collision with jest types)

user_130018980

just add "../src/setupJest.ts" to the "exclude" array in .storybook/tsconfig.json

user_130053360
Related