运行故事书时出错 - sh: 1: start-storybook: 未找到

Question

我在运行storybook时遇到错误....即使是全新安装也是如此。

 npm run storybook

> @ storybook /media/programmersedge/New_Volume/devs/demostorybook
> start-storybook -p 9001 -c .storybook

sh: 1: start-storybook: not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! @ storybook: `start-storybook -p 9001 -c .storybook`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the @ storybook script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

我正在使用最新的storybook版本。 我的 node 版本是 6.11.1 和 npm 版本是 5.5.1

我也尝试使用 yarn 安装故事书，但我面临着同样的问题 纱线版本1.3.2

Answer 1

大多数情况下，您需要通过运行

来手动安装

@storybook/cli

# For npm
npm i -D @storybook/cli

# For yarn
yarn add -D @storybook/cli

Answer 2

更新启动和构建脚本

"storybook": "sb dev",
"build-storybook": "sb build"

Answer 3

此错误是由于node_modules文件夹引起的。如果您删除该文件夹并运行

npm install

。它会起作用的。主要是由于裁剪的依赖关系链接如果您自己配置了一个反应应用程序，那么故事板可能需要一些其他配置。如果你使用 create-react-app 或 react-npm-package-developer for React 那么它应该可以工作

Answer 4

故事书v7

如果您在 Storybook 7 中遇到此问题，请注意，

start-storybook

和

build-storybook

已于 7.0.0-alpha.0（2022 年 6 月 7 日）被删除。

您现在应该使用

storybook dev

或

storybook build

Answer 5

npm i --save-dev @storybook/react

为我工作！

Answer 6

首先，请确保您位于正确的文件夹中。我知道这听起来很愚蠢，但当我们疲倦时，有时我们会犯愚蠢的错误

Answer 7

就我而言，重新启动系统没有帮助。 但是重新安装应用程序有帮助。

Answer 8

我在删除我的node_modules文件夹（rm -rf node_modules）然后重新安装后发生了这种情况。

我检查了 package.json 中所有版本的 Storybook（以及与 Storybook 相关的任何内容），并确保它们都有 6.5 的确切版本，例如

 "storybook": "6.5.14",
 "@storybook/react": "6.5.16",
 "@storybook/addon-docs": "6.5.16",

删除后重新安装，就成功了！

如果您想保留在 6.5 并继续使用此 start-storybook 命令，显然不要升级

Answer 9

如果您更新到 v7，只需运行迁移脚本：

npx storybook@next automigrate