webpack开发服务器:收到热模块更换启用，但我的页面不变
Webpack开发服务器（Webpack Development Server）是一个用于开发环境的轻量级的HTTP服务器。它主要用于提供一个基于内存的静态资源服务器，并且可以自动监测源代码的改变并实现热模块更换（Hot Module Replacement）功能。
热模块更换是指在应用程序运行过程中，可以实时地替换、添加或删除模块，而无需重新加载整个页面。这样开发者可以实时地看到代码更改后的效果，提高了开发效率和交互性。
然而，如果在使用Webpack开发服务器过程中发现页面没有变化，可能有以下几个原因：
- 代码编译错误：当你的代码存在错误时，Webpack开发服务器可能会终止编译并显示错误信息。此时，你需要检查控制台输出或日志文件以获取详细的错误信息，并修复代码中的错误。
- 缓存问题：有时候浏览器可能会缓存旧的静态资源文件，导致页面没有更新。你可以尝试清除浏览器缓存或在Webpack配置中使用缓存无效化（cache invalidation）的方法来解决这个问题。
- HMR配置问题：热模块更换功能需要在Webpack配置文件中正确配置。你需要确保已经启用了HotModuleReplacementPlugin插件，并且在entry中添加了热模块更换的入口文件。
总结起来，当你在使用Webpack开发服务器时，如果页面没有发生变化，你可以检查代码是否存在错误、清除浏览器缓存或检查HMR的配置是否正确。如果问题仍然存在，你可以在Webpack官方文档中查找更多关于Webpack开发服务器的配置和使用方法。
腾讯云提供了云服务器CVM、云开发平台TCB等相关产品，用于支持云计算和开发工程师的需求。你可以通过以下链接获取更多关于腾讯云相关产品的详细信息：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器CVM产品介绍：https://cloud.tencent.com/product/cvm
- 云开发平台TCB产品介绍：https://cloud.tencent.com/product/tcb
相关·内容
我正在尝试使用webpack-dev-server来运行一个简单的网页。我可以在http://localhost:8080/中看到我的页面，但是无论我做什么设置都不能正确地运行热重新加载，当我点击ctrl s时，我的console.log会立即显示如下内容： [WDS] Live我的cmd节目： ｢wdm｣: Compiled successfully. ｢wdm｣: Compiling... 但是在这些之后，我的
浏览 15提问于2020-04-18得票数 0
回答已采纳
除了http://livereload.com/或http://livestyle.emmet.io/，还有免费的替代品吗？一个可能与触笔一起工作的。
浏览 0提问于2014-06-24得票数 2
回答已采纳
我正在遵循一些教程，以建立一个具有表达和反应的同构应用程序。我对webpack的开发服务器感到困惑.
既然我有快递服务器</
浏览 0提问于2015-10-28得票数 48
回答已采纳
到目前为止，我看过的所有webpack示例都涉及客户端热模块替换，例如：和。根据webpack的文档，可以使用webpack开发服务器或中间件(webpack开发服务器或中间件(webpack开发webpack中间件和webpack热中间件，连同配置entry中的webpack</em
浏览 2提问于2015-12-05得票数 5
我有一个项目，我们使用webpack的devserver进行本地开发。我们还提供了用于实时重新加载的热模块替代：
我们的前端在docker中运行。有了这个前端，我们还有阿帕奇的mod_proxy。我的想法是让所有http调用都通过mod_proxy。因此浏览器将发送http到mod_proxy，然后它将代理到前端。这在没有热模块替换的情况下工作良好。但由于某些原因，我们无法获得<e
浏览 19提问于2017-12-16得票数 2
2回答
我刚刚开始使用webpack来开发React应用程序。我的配置文件如下： devtool: "eval", app: [ } }正如在配置文件中指定
浏览 2提问于2015-03-08得票数 6
这是我的webpack.config.json。var webpack = require('webpack'); context: __dirname + '/src', ]如何开启热模块更换，我使用的是一个
浏览 4提问于2016-12-21得票数 1
我在开发时间上有个问题。当我在代码中做一些更改时，HMR重新加载应用程序并导航到主页。(在网页角度上，当我添加一些代码时，在重新加载页面之后，我就会停留在当前页面上)I使用页-路由器-出口进行路由。
浏览 1提问于2020-04-27得票数 0
我有一个反应应用程序与一个相当简单的Webpack设置，我想使用Webpack开发服务器，并启用热重加载。我好像读过解决这个问题的所有答案."dev": "NODE_ENV=dev webpack-dev-server --hot --inline --open --progress--mode development --content-base dist --config
浏览 0提问于2018-06-14得票数 0
热模块替换'HMR等待更新信号从WDS.‘永远，如何启用热模块更换或发送信号从Webpack发展服务器？
启用热模块替换。我试过we
浏览 5提问于2020-11-24得票数 2
回答已采纳
2回答
当我在文本编辑器中保存样式表时，我希望热重新加载我的窗口。目前，我必须手动重新加载页面，以查看任何更改。下面是我的Webpack配置文件中处理css的片段： rules: [ test: /\.js$/, }, 'postcss-loader',
浏览 1提问于2017-10-16得票数 0
回答已采纳
3回答
我一直在玩弄Webpack的不同特征，我慢慢地理解了一些事情。[WDS] App updated. Recompiling...'use strict';
v
浏览 3提问于2015-05-01得票数 14
回答已采纳
我已经尝试了我找到的所有方法来设置laravel 5.3，使用elixir + webpack + vue +热模块重新加载，但我无法实现。当我做gulp时，我不能运行热模块重新加载的webpack开发服务器。我已经寻找了几天的解决方案，但我没有找到任何东西。
你知道怎么设置吗？
浏览 3提问于2016-10-12得票数 2
开发环境使用了gulp的we服务器，我正在尝试切换到webpack开发服务器，这样我们就可以启用热模块替换。当我从构建/目录运行webpack-dev服务器时，命令失败，列出了大约700个TypeScript错误。我们宁愿不修理它们。即使有TypeScript错误，也有使用webpack开发服务器的方法吗？我的
浏览 0提问于2017-05-08得票数 5
2回答
我环顾四周，却找不到我在堆叠溢流中看到的任何答案。下面是我如何使用webpack。webpack.config.js entry: [ &#x
浏览 1提问于2016-09-08得票数 3
1回答
我正在做一个webpack应用程序的文档化工作，它支持热模块替换。由于我添加了一个nginx前端，我很难获得热模块替换连接。Nginx提供页面，但是js包无法连接到在另一个Docker容器中运行的webpack-dev-server。我在这个项目中有两个码头集装箱：
浏览 0提问于2018-07-10得票数 2
回答已采纳
你好，我和webpack一起使用Angular2，基于这个种子zone.js?我理解错误发生的原因，但不知道为什么这个请求一开始就提出，特别是每隔几秒钟。我的web应用程序正在工作，似乎不关心这个错误，也许有人可以向我解释为什么zone.js会执行这个请求，以及是否有办法禁用它。
浏览 2提问于2016-04-29得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
