巴贝尔装载机在NPM开始没有发现与模块反应JS

Question

虽然故宫开始

Webpack.json文件：

var config = { 

    entry: './main.js', 
    output: { 
     path: __dirname + "/dist/js", 
     filename: 'index.js', 
    }, 
    devServer: { 
     inline: true, 
     port: 8080 
    }, 
    module: { 
     loaders: [{ 
      test: /\.jsx?$/, 
      exclude: /node_modules/, 
      loader: 'babel-loaders', 
      query: { 
       presets: ['es2015', 'react'] 
      } 
     }] 
    }} module.exports = config; 

ERROR in multi (webpack)-dev-server/client? http://localhost:8080 webpack/hot/dev-server ./main.js

Module not found: Error: Can't resolve 'babel-loaders' in

'/var/www/html/reactApp_new' @ multi (webpack)-dev-server/client? http://localhost:8080 webpack/hot/dev-server ./main.js

webpack: Failed to compile.

Answer 1

它应该是loader: 'babel-loader'，你需要摆脱s。

loader: [ 
    'babel-loader' 
] 

您还可以，如果你要使用多个装载机声明装载机[]的数组。