错误：无法find相对于目录的预设“es2015”

当我尝试使用babel时出现以下错误。

错误：无法find相对于目录的预设“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": "" } 

terminal输出

Answer 1

您需要将babelconfiguration为使用这些预设。 你可以添加到你的package.json

  "babel": { "presets": [ "es2015", "react" ] }, 

你也可以有一个.babelrc文件。

https://babeljs.io/docs/usage/babelrc/

Answer 2

尝试这个

npm安装babel-preset-es2015

npm安装babel-preset-react

npm安装babel –save-dev

这对我有效。