角8与故事书6

Question

在安装和启动故事书时获得以下错误。

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

吴版

Angular CLI: 8.3.29
Node: 12.16.2
OS: darwin x64
Angular: 8.2.14

Dev依赖性

    "@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"

Answer 1

作为解决办法，我已经更新了来自Button、Header、Page{.stories}的导入：

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

To  ---->
import { Story, Meta } from '@storybook/angular';

这个很好用。但不知道为什么样板代码会有问题。(这在6.0.12版中很好。

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

declare module '@storybook/angular'

Answer 2

在我的例子中，我尝试过Subhakant的解决方法，但这对我没有用。经过调查我发现了这个。

typings.d.ts中.storybook目录中的显式声明使其工作。

declare module '@storybook/angular'

Answer 3

对我来说，这一切都没有用。我使用npx sb init将故事书添加到现有的Range6项目中。遗憾的是，它没有正确地设置故事书，而且我收到了与OP相同的错误，但是这里没有一个解决方案对我有效。最后我意识到，我的打字本版本已经过时了(3.8.4)，但是设置是针对TS 3.9的。我把打字稿更新到3.10.4，现在一切都正常了。