Блог

Я использую node7.2.1 и npm 5.6.0 в проекте react. Проект управляется 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. Но я создал .babelrc файл в .storybook/ каталоге, но, похоже, это не помогает. Файл 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"
  ]
}
  

Файл webpack для сборника рассказов: (.storybook/webpack.config.js )

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

Сборник рассказов, к сожалению, требует Node 8.6 : https://github.com/storybooks/storybook/blob/next/package.json#L190-L193

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

Сборнику рассказов требуется как минимум узел 8 с версии 3.0 в начале 2018 года: https://github.com/storybookjs/storybook/blob/89af8fe76f21bd89d7c86c6134bce030873122bc/package.json

Поэтому узлы 7, 6 и ниже уже давно не рассматриваются.