webpack 自动刷新报错？

Question

我根据这个文档(https://fakefish.github.io/react-webpack-cookbook/Configuring-react-js.html)尝试webpack.在进行到浏览器自动刷新时出错？不知道为什么？有人可以成功运行么？

Terminal截图

浏览器截图

package.json

webpack.config.js

Answer 1

webpack-dev-server安装成功了么？可以在命令行里直接运行么？

遇到过这个安装失败的

Answer 2

webpack.config.js文件中，加了HotModuleReplacementPlugin插件配置没，我的webpack.config.js内容参考下：

var webpack = require('webpack')
var path = require('path');

module.exports = {
  plugins: [
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoErrorsPlugin()
  ],
  entry: ['./src/main.js'],
  output: {
    path: path.join(__dirname, '/dist'),
    publicPath: 'dist/',
    filename: 'build.js'
  },
  module: {
    loaders: [
      {test: /\.vue$/,loader: 'vue'},
      {test: /\.(png|jpg|gif)$/,loader: 'file?name=[name].[ext]?[hash]'},
      {test: /\.css$/,loader: 'style!css'},
      {test: /\.eot/,loader : 'file?prefix=font/'},
      {test: /\.woff/,loader : 'file?prefix=font/&limit=10000&mimetype=application/font-woff'},
      {test: /\.ttf/, loader : 'file?prefix=font/'}, 
      {test: /\.svg/, loader : 'file?prefix=font/'}
    ]
  },
  // example: if you wish to apply custom babel options
  // instead of using vue-loader's default:
  babel: {
    presets: ['es2015', 'stage-0'],
    plugins: ['transform-runtime']
  }
}

Answer 3

题主能否将package.json和webpack config的截图发出来，前两天正好帮同事解决了这个问题，或许可以帮上忙

---- 2015-12-31更新如下 ----

尝试下如下修改：

1. webpack config文件的entry中仅保留main.js

2. build/index.html文件中删除<script src="http://localhost:8080/webpack-dev-server.js"></script>