ReactJS webpack 報錯 [WDS] Disconnected!

  在慕課網學習ReactJS時，因爲老師的教程比較早，現有的yeoman的generator-react-webpack框架構建出來以後，發現框架已經移除了grunt，只用了webpack來進行打包，版本是Version: webpack 1.13.3   在終端執行npm start或者npm run serve後，啓動webpack-dev-server，控制檯報錯，內容以下

解決方法： 查看緣由，在項目的/cfg/dev.js中：

let config = Object.assign({}, baseConfig, {
  entry: [
    //啓動的服務是localhost:8000，將這裏的127.0.0.1，改爲localhost，便可。
    'webpack-dev-server/client?http://127.0.0.1:' + defaultSettings.port,
    'webpack/hot/only-dev-server',
    './src/index'
  ],
  cache: true,
  devtool: 'eval-source-map',
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new BowerWebpackPlugin({
      searchResolveModulesDirectories: false
    })
  ],
  module: defaultSettings.getDefaultModules()
});

另外一種解決方法（推薦）

$ sudo vim /etc/hosts

在hosts文件中添加

127.0.0.1        localhost

保存以後，執行下面命令

$  sudo systemctl restart NetworkManager

最後

npm start