You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Storybook无法加载故事报错:Unable to load story '*' 求助

解决方向建议
  • 锁定Node/npm版本:
    旧项目能正常运行,说明依赖适配的是旧笔记本上的Node/npm版本,你安装最新版大概率是版本不兼容导致的问题。先在旧笔记本上执行node -v和npm -v记下版本号,然后在新电脑上用nvm(Node版本管理器)安装对应版本:

    1. 安装nvm(Windows用nvm-windows,Mac/Linux直接安装nvm)
    2. 执行命令 nvm install <旧电脑的Node版本号>
    3. 进入项目目录执行 nvm use <对应版本号>
    4. 删除项目里的node_modules文件夹和package-lock.json文件,重新执行 npm install
  • 排查Storybook版本兼容性:
    查看项目package.json里的Storybook相关依赖(比如@storybook/react、@storybook/core等)的版本号,确认该版本支持的Node版本范围,看是否和你当前安装的最新Node版本冲突。如果冲突,优先选择降Node版本(新手操作成本更低),若要升级Storybook,建议先备份项目再尝试。

  • 检查依赖安装警告:
    重新执行npm install时,仔细看控制台输出的警告信息,有些包会明确提示不支持当前Node版本,这类信息能直接定位到冲突的依赖,针对性调整版本。

  • 重置Storybook基础配置:
    虽然你没手动配置Babel,但Storybook内部会默认使用一套配置。可以尝试在项目根目录执行 npx storybook@<你项目里的Storybook版本号> init,指定和项目一致的版本号,修复可能损坏的默认配置文件。

内容的提问来源于stack exchange,提问作者AngularNua

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 17:30:13