npm 运行 Storybook 错误：“您必须在 '.storybook/main.js' 配置中指定框架”

Question

我正在我的 React 组件库上安装 Storybook。当我去时，npm run storybook我收到此错误：

Error: You must specify a framework in '.storybook/main.js' config.

但在 main.js 中已经指定了框架：

module.exports = {
  "stories": [
    "../src/**/*.stories.mdx",
    "../src/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
    "@storybook/preset-create-react-app"
  ],
  "framework": "@storybook/react",
  "core": {
    "builder": "@storybook/builder-webpack5",
    "disableTelemetry": "true"
  }
}

节点：v16.13.1

新PM：8.1.2

@storybook/react v6.5.16

有什么问题的线索吗？

Answer 1

我也有同样的问题。对我来说，问题是因为我使用了错误版本的@storybook/builder-webpack5. 我按照Storybook 迁移指南上的说明添加了两个包：

yarn add @storybook/builder-webpack5 @storybook/manager-webpack5 --dev

对我来说，这导致了我的以下结果package.json：

"@storybook/builder-webpack5": "^7.0.2",
"@storybook/manager-webpack5": "^6.5.16",

我更改@storybook/builder-webpack5并^6.5.16重新安装，Storybook 现在可以正常工作了。