安装Alpha 7后执行npm run storybook报错Error: No builder configured，如何排查？

• 检查Storybook核心配置
  打开项目根目录下的.storybook/main.js（或.ts）文件，确认core字段里是否指定了正确的builder。比如使用Webpack5 builder的话，配置应该包含：

  module.exports = {
    core: {
      builder: '@storybook/builder-webpack5',
    },
    // 其他配置项...
  };
  

  Alpha 7版本可能强制要求显式指定builder，缺省配置不再生效。

• 确认依赖包是否安装完整
  执行npm list @storybook/builder-webpack5（用yarn/pnpm的话换对应命令），检查对应的builder包是否已安装。如果没有，直接安装对应依赖：

  npm install @storybook/builder-webpack5 @storybook/manager-webpack5 --save-dev
  

  如果你想用Vite builder，就换成@storybook/builder-vite包。

• 核对版本兼容性
  Alpha 7属于预发布版本，可能对builder的版本有严格要求，比如必须搭配特定版本的Webpack/Vite builder。去Storybook Alpha 7的官方升级说明里确认兼容的builder版本，避免版本不匹配导致的配置失效。

• 清理缓存后重试
  缓存可能导致配置未被正确读取，执行以下操作之一：

  • 启动时加缓存禁用参数：npm run storybook -- --no-cache
  • 手动删除.storybook/cache和node_modules/.cache目录，再重新启动

• 检查package.json中的启动脚本
  确认scripts里的storybook命令是否正确，Alpha 7版本可能将启动命令从storybook start改为了storybook dev，脚本应该类似：

  {
    "scripts": {
      "storybook": "storybook dev -p 6006"
    }
  }
  

  避免脚本参数错误导致builder未被正确加载。

内容的提问来源于stack exchange，提问作者SaroGFX