__webpack_hmr 404 (Not Found)

简介: __webpack_hmr 404 (Not Found)


正文


今天在调试 webpack-dev-serverwebpack-dev-middleware 的时候,突然发现了控制台出现了一个错误提示:

GET http://localhost:8080/__webpack_hmr 404 (Not Found)


然后再看了 webpack.config.js 配置文件:

module.exports = {
  // ...
  entry: [
    'webpack-hot-middleware/client',
    './src/index.js'
  ],
  devServer: {
    hot: true,
    open: true,
    inline: false
  },
}


发现入口文件有一个 webpack-hot-middleware/client,经过一番搜索,在 Stack Overflow 有一个类似的提问 # Webpack hmr: __webpack_hmr 404 not found


大概原因是,webpack-hot-middleware/clientwebpack-hot-middleware 的要求,可用于除 webpack-dev-server 之外的任何服务器(例如 express 或类似服务器),所以把它从入口文件删去就好了。

目录
相关文章
webpack打包报错:Module not found: Error: Cannot resolve module ‘babel-loader‘
webpack打包报错:Module not found: Error: Cannot resolve module ‘babel-loader‘
393 0
webpack打包报错:Module not found: Error: Cannot resolve module ‘babel-loader‘
|
2月前
|
JavaScript
webpack打包TS
webpack打包TS
133 60
|
1月前
|
缓存 前端开发 JavaScript
Webpack 打包的基本原理
【10月更文挑战第5天】
|
1月前
|
前端开发 JavaScript
ES6模块化和webpack打包
【10月更文挑战第5天】
|
1月前
|
缓存 前端开发 JavaScript
深入了解Webpack:模块打包的革命
【10月更文挑战第11天】深入了解Webpack:模块打包的革命
|
2月前
|
JavaScript 测试技术 Windows
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境,包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件,并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。
116 2
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
|
1月前
|
缓存 前端开发 JavaScript
Webpack技术深度解析:模块打包与性能优化
【10月更文挑战第13天】Webpack技术深度解析:模块打包与性能优化
|
1月前
|
前端开发 JavaScript 开发者
深入了解Webpack:现代JavaScript应用的打包利器
【10月更文挑战第11天】 深入了解Webpack:现代JavaScript应用的打包利器
|
2月前
|
缓存
webpack 打包多页面应用
webpack 打包多页面应用
25 1
|
2月前
webpack 打包多页面应用
webpack 打包多页面应用
下一篇
无影云桌面