故事书不适用于带有 webpack + babel 的 node7？答案

【问题标题】：storybook doesn't work with node7 with webpack + babel?故事书不适用于带有 webpack + babel 的 node7？
【发布时间】：2019-04-12 22:52:36
【问题描述】：

我在 react 项目中使用 node7.2.1 和 npm 5.6.0。该项目由webpack2 管理。我试图在这个项目中添加storybook，但编译失败。我在运行storybook 时遇到的错误是：

TheFrontEnd/node_modules/@storybook/core/dist/server/build-static.js:31
async function compileManager(managerConfig, managerStartTime) {
      ^^^^^^^^
SyntaxError: Unexpected token function
    at Object.exports.runInThisContext (vm.js:78:16)
    at Module._compile (module.js:543:28)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)

我知道与 es6 语法有关。但是我在.storybook/ 目录下创建了一个.babelrc 文件，但它似乎没有帮助。我添加的babel文件是：

{
  "presets": [
    "es2015",
    "stage-2",
    "react"
  ],
  "plugins": [
    "transform-decorators-legacy",
    "transform-class-properties",
    "transform-async-to-generator",
    "transform-object-rest-spread",
    "add-module-exports",
    "react-hot-loader/babel"
  ]
}

storybook 的 webpack 文件是：(.storybook/webpack.config.js)

module.exports = {
  plugins: [
    // your custom plugins
  ],
  module: {
    rules: [
      // add your custom rules.
    ],
  },
};

【问题讨论】：

标签： reactjs npm webpack storybook

【解决方案1】：

很遗憾，Storybook 需要 Node 8.6+：https://github.com/storybooks/storybook/blob/next/package.json#L190-L193

https://github.com/storybookjs/storybook/issues/6510

自 2018 年初版本 3.0 以来，Storybook 至少需要 Node 8+： https://github.com/storybookjs/storybook/blob/89af8fe76f21bd89d7c86c6134bce030873122bc/package.json

因此，Node 7、Node 6 及以下节点已经很久没有出现了。

【讨论】：