Webpack, React, Babel - не может разрешить модуль

Question

Я установил реактивный hot-loader и обратился к модулю в файле webpack.config.js. Однако, когда я пытаюсь запустить webpack для компиляции скриптов, я получаю сообщение об ошибке.

См. Снимок экрана. Может кто-нибудь, пожалуйста, сообщите, в чем проблема. FYI, я использую все последние библиотеки.

[1]: http://i.stack.imgur.com/2GCa1.jpg 

    /*webpack.config.js 
    module.exports = { 
devtool: 'eval-source-map', 
entry: { 
    main: [ 
     './src/main.js' 
    ] 
}, 
output: { 
    filename: './public/[name].js' 
}, 
module: { 
    loaders: [ 
     { 
      test: /\.jsx?$/, 
      exclude: /node_modules/, 
      loader: ['react-hot','babel-loader'], 
      query: { 
       presets: ['es2015', 'react'] 
      } 
     } 
    ] 
} 
} 

/*UPDATE*/ 
Code update 
I have added an "s" after loader. It is now giving me the below error. 

[2]: http://i.stack.imgur.com/LL1nn.jpg 

Answer 1

Основываясь на второй картинке, вы можете попробовать следующее:

loaders: [ 
     { 
      test: /\.jsx?$/, 
      exclude: /node_modules/, 
      loader: ['react-hot'], 
     }, 
     { 
      test: /\.jsx?$/, 
      exclude: /node_modules/, 
      loader: ['babel-loader'], 
      query: { 
       presets: ['es2015', 'react'] 
      } 
     } 
    ] 

Answer 2

Я создал стартер с webpack, babel и реактивной горячей загрузкой. Пожалуйста, посмотрите в мой конфиг: https://github.com/skrobek/webpack-react/blob/master/webpack.config.js

и package.json https://github.com/skrobek/webpack-react/blob/master/package.json#L19

Не стесняйтесь использовать его :-)