reactjs - storybook.js，页面卡住加载，没有错误

Question

我正在建立一个小的反应库并试图让故事书发挥作用。当我开始故事书时start-storybook -p 6006，页面卡在加载中，并且控制台或终端中没有错误。我不知道如何调试它。

这是我的package.json：

{
  "name": "icon-lib",
  "version": "1.0.0",
  "description": "icon library",
  "main": "dist/bundle.js",
  "files": [
    "dist"
  ],
  "scripts": {
    "test": "test",
    "start": "start-storybook -p 6006",
    "build": "rollup -c",
    "build-storybook": "build-storybook"
  },
  "license": "ISC",
  "peerDependencies": {
    "react": "^16.13.1",
    "react-dom": "^16.13.1"
  },
  "devDependencies": {
    "@babel/core": "^7.9.0",
    "@babel/plugin-external-helpers": "^7.8.3",
    "@babel/plugin-transform-runtime": "^7.9.0",
    "@babel/preset-env": "^7.9.5",
    "@babel/preset-react": "^7.9.4",
    "@storybook/addon-actions": "^5.3.18",
    "@storybook/addon-links": "^5.3.18",
    "@storybook/addons": "^5.3.18",
    "@storybook/react": "^5.3.18",
    "babel-loader": "^8.1.0",
    "babel-plugin-inline-react-svg": "^1.1.1",
    "commonjs": "0.0.1",
    "rollup": "^2.6.1",
    "rollup-plugin-babel": "^4.4.0",
    "rollup-plugin-commonjs": "^10.1.0",
    "rollup-plugin-node-resolve": "^5.2.0",
    "rollup-plugin-replace": "^2.2.0",
    "rollup-plugin-require-context": "^1.0.0",
    "webpack": "^4.42.1"
  },
  "dependencies": {
    "babel-plugin-module-resolver": "^4.0.0"
  }
}

.babelrc：

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": [
    "@babel/external-helpers",
    "@babel/transform-runtime",
    ["module-resolver", { "root": ["./src"] }],
    [
      "inline-react-svg",
      {
        "svgo": {
          "plugins": [
            {
              "cleanupIDs": true
            },
            {
              "removeTitle": true
            }
          ]
        }
      }
    ],
    "@babel/plugin-syntax-dynamic-import",
  ]
}

我在这里错过了一些基本的东西吗？

标签： reactjsbabeljsrollupjsstorybook