0

我在一个 Angular v10 项目中工作。我无法更新该项目的 Angular 版本,因为它被用作其他应用程序的依赖项(因此需要维护稳定版本)。

我需要将 Storybook 添加到此应用程序中。我按照此处的说明进行操作:https ://storybook.js.org/docs/angular/get-started/install ,但是当我尝试运行时遇到编译问题npm run storybooknpx sb init似乎在 v6.4 安装了故事书。

作为测试,我尝试ng new在版本 12 中创建一个快速的 Angular 项目 ( ),然后使用npx sb init它来添加故事书。该命令还会在 Angular v12 应用程序中安装 6.4 版的故事书。npm run storybook在 Angular v12 应用程序中运行时我没有遇到任何问题。
这让我觉得 Storybook v6.4 与 Angular v10 不兼容。我试过的故事书似乎没有列出哪些版本的 Angular 与哪些版本的故事书兼容。

我应该使用什么版本的故事书?有没有比使用更好的方法将故事书添加到 Angular v10 项目npx sb init

您可以通过创建一个 v10 Angular 项目来复制它(将本地 @angular/cli 设置为 v10,然后使用ng new)。然后用 . 添加故事书npx sb init。你会得到以下错误。 在此处输入图像描述

4

1 回答 1

1

所以我想我找到了解决办法。谷歌搜索后storybook ERROR TS2304: Cannot find name 'infer'.,我发现了关于该错误的stackoverflow 帖子。

TLDR;将您的 typescript 版本更新到项目的 devdeps 中的最新版本,然后再次运行 storybook。

npm i --save-dev typescript@latest
npm run storybook

它对我有用,所以它应该对你有用。祝你好运 :)

于 2022-01-26T10:38:44.863 回答