Webpack - [HMR]ホットモジュール交換が無効にされています

Question

私は見回しましたが、私が見たことがあるstackoverflowで見た答えを得ることができません。

webpackまたはwebpack dev-serverにはコマンドラインを使用できません。私はNode APIの使用に制限されています。

以下は、webpackの使用方法です。

webpack.config.js一気タスク私は一口スタートを実行すると

gulp.task('start', function (callback) { 
    var config = Object.create(require('webpack.config.js')); 
    config.plugins.push(new webpack.HotModuleReplacementPlugin()); 

    var devServer = new webpackDevServer(webpack(config), { 
    stats: { colors: true }, 
    contentBase: path.resolve(__dirname, 'dist'), 
    progress: true, 
    inline: true, 
    hot: true 
    }); 
}); 

私は何を期待

を "開始" に含まれる

module.exports = { 
    entry: [ 
    'webpack-dev-server/client?http://localhost:3000', 
    // i've also tried webpack/hot/dev-server here 
    'webpack/hot/only-dev-server', 
    path.join(__dirname, 'src', 'js', 'app.jsx') 
    ], 
    output: { 
    path: path.join(__dirname, 'dist', 'js'), 
    filename: 'script.js', 
    publicPath: '/dist/' 
    }, 
    module: { 
    loaders: [{ 
     test: /\.(js|jsx)$/, 
     loaders: ['react-hot', 'babel'] 
    }] 
    }, 
    plugins: [] 
}; 

、私はwebpack devのサーバーがスピンアップして、私にlocalhost：3000 /に達する。これは、私のプロジェクトの/ dist /フォルダからindex.htmlを読み込む必要があります。ここまでは順調ですね。ファイル（app.jsxなど）を変更すると、その変更が存在することが予想されます。実際に私はエラーを取得しています

を何が起こっている

さらに説明で、「[HMR]ホットモジュールの交換は無効になっています」。

ご協力いただければ幸いです。私は一日の仕事を熱く再読み込みしようとしています。プラグインのセクションであなたのwebpack.config.jsで

Answer 1

は

plugins: [new webpack.HotModuleReplacementPlugin()] 

、これを試してみてください、私はあなたの一口タスクでプラグインを推進している知っていますが、CLIにしたり、NPMのスクリプトに--hot --inlineを使用する必要が

Answer 2

webpackを webpack-dev-server --hot --inline（packge.json）、 にしてみてください。何らかの形で公式ドキュメントが間違っています。