阵营的WebPack - 错误：模块是不是装载机（必须有正常或俯仰功能）

Question

我webpack.config.js

var path = require("path") 
var webpack = require('webpack') 
var BundleTracker = require('webpack-bundle-tracker') 

module.exports = { 
    context: __dirname, 

    entry: [ 
     'webpack-dev-server/client?http://localhost:3000', 
     'webpack/hot/only-dev-server', 
     './assets/js/index', // entry point of our app. assets/js/index.js should require other js modules and dependencies it needs 
    ], 

    output: { 
     path: path.resolve('./assets/bundles/'), 
     filename: "[name]-[hash].js", 
     publicPath: 'http://localhost:3000/assets/bundles/', // Tell django to use this URL to load packages and not use STATIC_URL + bundle_name 
    }, 

    plugins: [ 
     new webpack.HotModuleReplacementPlugin(), 
     new webpack.NoEmitOnErrorsPlugin(), // don't reload if there is an error 
     new BundleTracker({filename: './webpack-stats.json'}), 
    ], 

    module: { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /node_modules/, 
       loaders: ['react-hot-loader', 'babel-loader?presets[]=react'], 
      }, // to transform JSX into JS 
     ], 
    }, 

    resolve: { 
     modules: ['node_modules', 'bower_components'], 
     extensions: ['.js', '.jsx'] 
    }, 
} 

错误：

Error: Module 'C:\Workspace\PyCharmProjects\ProjectPearl\node_modules\react-hot-loader\index.js' is not a loader (must have normal or pitch function)

看起来有一些工作（https://github.com/webpack/webpack/issues/3180 ）通过为模块添加-loader扩展，但是对于我来说它仍然无法解析。

请协助。

Answer 1

我觉得使用率react-hot-loader/webpack

loaders: ['react-hot-loader/webpack', 'babel-loader?presets[]=react'], 

看看这里的一些示例用法http://gaearon.github.io/react-hot-loader/getstarted/