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

转载于:https://my.oschina.net/OriginLeon/blog/806733