Webpack熱載入器偶爾會檢測到更改

過去幾天我一直在使用Webpack進行操作。我似乎已經按照我想要的方式工作。但是，在Windows 7上，當我對文件進行更改時，腳本不會啓動另一個重新編譯。當我測試時，似乎在Mac OSX上正常工作。Webpack熱載入器偶爾會檢測到更改

webpack.config.js

var webpack = require('webpack'); 
var ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports = { 
    entry: [ 
     'webpack-dev-server/client?http://localhost:8080', 
     'webpack/hot/only-dev-server', 
     './src/index.js', 
     './src/scss/main.scss' 
    ], 
    output: { 
     path: __dirname, 
     publicPath: '/', 
     filename: '/public/bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       loaders: ['react-hot', 'jsx', 'babel'], 
       exclude: /node_modules/, 
      }, 
      { 
       test: /\.scss$/, 
       loader: ExtractTextPlugin.extract('css!sass'), 
      } 
     ] 
    }, 
    resolve: { 
     extensions: ['', '.js', '.jsx'] 
    }, 
    devServer: { 
     historyApiFallback: true, 
     contentBase: './', 
     hot: true 
    }, 
    devtool: 'source-map', 
    plugins: [ 
     new webpack.optimize.OccurenceOrderPlugin(), 
     new webpack.HotModuleReplacementPlugin(), 
     new ExtractTextPlugin('public/style.css', { 
      allChunks: true 
     }), 
     new webpack.NoErrorsPlugin() 

    ] 
};

在瀏覽器控制檯我得到以下

[HMR] Waiting for update signal from WDS... 
[WDS] Hot Module Replacement enabled.

任何想法我怎麼能解決這個問題？會非常有幫助的感謝。

來源

2016-07-18 themaster

或者它可能與節點模塊路徑有關。當我運行webpack腳本時，它列出以下內容： '[304] ./~/react-hot-loader/isReactElementish.js 288字節{0} [內置] [305] ./src/components/controls/index .js 3.93 kB {0} [built]' 將在路徑中使用〜影響窗口的熱重載。可以解釋爲什麼它在經過進一步調查後可以在mac – themaster

上運行，似乎它與Webstorm 2016.2有關。當我使用不同的IDE /文本編輯器時，它似乎工作奇怪。 – themaster

在Webstorm，您將需要關閉：使用「安全寫」（更改保存到臨時文件第一）

你可以這樣做：設置>外觀&行爲>系統設置>用「安全寫「（先保存對臨時文件的更改）

來源

2016-07-19 15:24:02 themaster

Webpack熱載入器偶爾會檢測到更改

回答

相關問題