Angular 8 和 Storybook 6

Sub*_*san 4 angular storybook angular8 angular-storybook

安装和启动故事书时出现以下错误。

ERROR in /Users/username/angular-storybook/src/stories/Button.stories.ts
ERROR in /Users/username/angular-storybook/src/stories/Button.stories.ts(2,29):
TS2307: Cannot find module '@storybook/angular/types-6-0'.
Run Code Online (Sandbox Code Playgroud)

ng版本

Angular CLI: 8.3.29
Node: 12.16.2
OS: darwin x64
Angular: 8.2.14
Run Code Online (Sandbox Code Playgroud)

开发依赖

    "@compodoc/compodoc": "^1.1.11",
    "@storybook/addon-actions": "^6.0.12",
    "@storybook/addon-essentials": "^6.0.12",
    "@storybook/addon-links": "^6.0.12",
    "@storybook/angular": "^6.0.12"
Run Code Online (Sandbox Code Playgroud)

Sub*_*san 8

作为一种解决方法,我更新了来自 Button、Header、Page{.stories} 的导入:

From --->
import { Story, Meta } from '@storybook/angular/types-6-0';

To  ---->
import { Story, Meta } from '@storybook/angular';
Run Code Online (Sandbox Code Playgroud)

这工作正常。但不确定为什么样板代码有问题。:( 这适用于 6.0.12 版。

更新:使用较新版本的故事书(>6.2.*),在 .storybook 目录中的 Typings.d.ts 中明确声明。(@Mr.7 提到)

declare module '@storybook/angular'
Run Code Online (Sandbox Code Playgroud)

  • 谢谢你,让我省去了一些头痛,我很感激:) (2认同)