在npm中找不到的Babel-loaders模块以react js开头

Question

虽然npm开始

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;

  

多（webpack）-dev-server / client中的错误？http://localhost:8080   webpack / hot / dev-server ./main.js

     

找不到模块：错误：无法解决＆＃39; babel-loaders＆＃39;在

     

＆＃39; /无功/网络/ HTML / reactApp_new＆＃39; @多   （的WebPack）-dev - 服务器/客户端？http://localhost:8080   webpack / hot / dev-server ./main.js

     

webpack：无法编译。

Answer 1

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

loader: [
  'babel-loader'
]

如果要使用多个加载器，还可以声明加载器数组[]。