webpack 自动刷新报错?

发布于 2022-09-01 23:42:37 字数 803 浏览 15 评论 0

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

Terminal截图

Terminal 截图

浏览器截图
图片描述

package.json

图片描述

webpack.config.js
图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

鹿港巷口少年归 2022-09-08 23:42:37

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

遇到过这个安装失败的

烟花易冷人易散 2022-09-08 23:42:37

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']
  }
}
不即不离 2022-09-08 23:42:37

题主能否将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>

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文