Webpack,React,Babel - 无法解析模块

Question

我已经安装了react-hot-loader并在webpack.config.js中引用了该模块.但是,当我尝试运行webpack来编译脚本时,我收到一个错误.

请看下面的截图.有人可以告诉问题是什么.仅供参考,我正在使用所有最新的图书馆.

 [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']
            }
        }
    ]