Reactjs 故事书没有';t使用webpack+与node7协作;巴贝尔?
我正在react项目中使用node7.2.1和NPM5.6.0。该项目由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
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.
],
},
};