故事书构建成功但服务时出错

Question

我在为构建的故事书提供服务时遇到了问题。正如您在下面看到的，它只显示了一个旋转器旋转到被遗忘的状态。当我打开控制台时，它说:错误:管理器收到 sharedStateChanged-manager-storybook/viewport 但无法确定事件源

这是我的故事书配置文件:

main.js

module.exports = {
  stories: [
    "../src/**/*.stories.mdx",
    "../src/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  addons: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/preset-create-react-app"
  ],
  webpackFinal: config => {
    return {
      ...config,
      plugins: config.plugins.filter(plugin => {
        if (plugin.constructor.name === 'ESLintWebpackPlugin') {
          return false
        }
        return true
      }),
    }
  }
}

预览.js

import '../src/recore/.storybook/preview.css'
import * as Recore from '../src/recore'

Recore.init({
  defaults: {
    IMAGE_RESOLVER: path => {
      return import('../src/assets/' + path)
    }
  }
})

export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
}

为了构建故事书，我运行 build-storybook -o ./build -s ./public -c .storybook我正在使用 npm，它告诉我执行 npm run build-storybook -- -o ... 但它没有按预期运行。另外，我目前使用 "@storybook/react": "^6.1.21"

有没有人遇到过这个问题？你能帮我修一下吗？之前非常感谢!

Answer 1

添加“@storybook/builder-webpack5”:“^6.2.9”，

https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324