【问题标题】: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/angularpackage.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,我强烈推荐它。

标签: angular typescript storybook angular-storybook


【解决方案1】:

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

declare module '@storybook/angular/demo'

【讨论】:

    猜你喜欢
    • 2019-10-10
    • 1970-01-01
    • 1970-01-01
    • 2020-12-11
    • 2020-10-22
    • 1970-01-01
    • 2020-05-01
    • 2021-02-11
    • 2021-01-23
    相关资源
    最近更新 更多