当我尝试使用babel时出现以下错误.
错误:无法找到相对于目录的预设"es2015"
webpack.config.js
module.exports = {
entry: './main.js',
ourput: {
path:'./',
filename:'index.js'
},
devServer:{
inline:true,
port:3333
},
module:{
loaders:[
{
test:/\.js$/,
exclude:/node_modules/,
loader:'babel',
query:{
presets:['es2015','react']
}
}
]
}
}
的package.json
{
"name": "es6-react-setup",
"version": "1.0.0",
"main": "main.js",
"dependencies": {
"babel-core": "^6.11.4",
"babel-preset-es2015": "^6.9.0",
"babel-preset-react": "^6.11.1",
"babel-loader": "^6.2.4",
"react": "^15.2.1",
"react-dom": "^15.2.1",
"webpack": "^1.13.1"
},
"devDependencies": {},
"scripts": {
"start": "webpack-dev-server"
},
"author": "",
"license": "ISC",
"description": ""
}
终端输出
您需要将babel配置为使用这些预设.您可以将此添加到您的package.json
"babel": { "presets": [ "es2015", "react" ] },
您也可以有一个.babelrc
文件.
https://babeljs.io/docs/usage/babelrc/
试试这个
npm install babel-preset-es2015
npm install babel-preset-react
npm install babel --save-dev
这对我有用.