Reactjs 故事书没有';t使用webpack+与node7协作;巴贝尔?

Reactjs 故事书没有';t使用webpack+与node7协作;巴贝尔?,reactjs,npm,webpack,storybook,Reactjs,Npm,Webpack,Storybook,我正在react项目中使用node7.2.1和NPM5.6.0。该项目由webpack2管理。我试图在此项目中添加故事书,但编译失败。运行故事书时出现的错误是: TheFrontEnd/node_modules/@storybook/core/dist/server/build-static.js:31 async function compileManager(managerConfig, managerStartTime) { ^^^^^^^^ SyntaxError: Unex

我正在react项目中使用node7.2.1和NPM5.6.0。该项目由
webpack2
管理。我试图在此项目中添加
故事书
,但编译失败。运行
故事书
时出现的错误是:

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的网页包文件是:(.storybook/webpack.config.js)


不幸的是,Storybook需要节点8.6+:

自2018年初3.0版以来,Storybook至少需要节点8+:


因此,节点7、节点6和节点6下面的内容在很长一段时间内都不存在。

不幸的是,故事书需要节点8.6+:

自2018年初3.0版以来,Storybook至少需要节点8+:

因此,节点7、节点6和节点以下的节点在很长一段时间内都不存在

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