不能让webpack的HMR工作
webpack的HMR（Hot Module Replacement）是一种开发工具，用于在开发过程中实现模块的热替换，即在不刷新整个页面的情况下，只更新修改的模块，提高开发效率。
HMR的工作原理是通过在应用程序运行时，监测文件的变化，并将变化的模块替换掉，同时保持应用程序的状态。这样开发者可以立即看到修改的效果，而无需手动刷新页面。
HMR的优势包括：
- 提高开发效率：HMR可以实时更新修改的模块，减少了手动刷新页面的时间，提高了开发效率。
- 保持应用程序状态：HMR可以保持应用程序的状态，避免了每次修改都需要重新输入数据或重新登录等操作。
- 减少开发错误：HMR可以及时发现并提示开发错误，帮助开发者快速定位和修复问题。
HMR适用于各种前端开发场景，特别是在大型复杂应用程序的开发过程中，可以极大地提高开发效率和调试体验。
腾讯云提供了一系列与webpack相关的产品和服务，包括：
- 云服务器（CVM）：提供稳定可靠的云服务器，用于部署和运行webpack开发环境。
- 云存储（COS）：提供高可用、高可靠的对象存储服务，用于存储webpack打包生成的静态资源。
- 云监控（Cloud Monitor）：提供实时监控和告警功能，用于监测webpack开发环境的运行状态。
- 云网络（VPC）：提供安全可靠的网络环境，用于搭建webpack开发环境的网络架构。
- 云安全（SSL证书）：提供SSL证书服务，用于保护webpack开发环境的网络通信安全。
更多关于腾讯云相关产品和服务的详细介绍，请访问腾讯云官方网站：腾讯云。
相关·内容
我们正在开发一个应用程序，使用hapi作为We服务器，使用webpack热中间件进行热模块替换。
应用服务器在http://hostname:8080上运行。
应用程序通常可以通过http://hostname/my/module/访问，以使http://hostname/my/module/服务于运行在hostname:8080下的应用程序，我们使用的是IIS重写，它可以重写从http://hostname/my/module/(...)到http://hostname:8080/(...)的所有内容。
现在，当使用webpack-hot-middleware进行开发时，问题就出现了。看来，
浏览 5提问于2020-02-24得票数 2
1回答
在我升级到webpack 4的过程中，我对这个问题束手无策。无论我做什么，HMR都看不到任何变化。以下是相关文件
我知道loadAsyncComponent与HMR不兼容，我现在正尝试热重新加载root.js，一旦我让它工作，就从那里修复它……
这是HMR版本4
我在HMR3中也有一个配置，它是以前的工作版本，我在要点中将文件名作为v3作为前缀
浏览 6提问于2018-04-26得票数 0
我正在使用webpack-dev-server进行热模块替换。它工作得很好，但是这个错误每隔几秒钟就会在控制台中出现：GET http://mysite:8080/__webpack_hmr 404 (Not Found)。
这是我的webpack.config.js：
var webpack = require('webpack'),
hostname = 'mysite',
port = 8080;
module.exports = {
entry: [
'babel-polyfill',
浏览 5提问于2016-12-27得票数 27
回答已采纳
我有一个自定义加载器，它加载以下文件data.js
const data = {
a: ()=> 8885555,
b: ()=> 55555
}
module.exports = name => {
return data[name] && data[name]()
}
当我像更改b值一样更改上面的文件时，应用程序会中断
ERROR in ../data.js?name=a
Module build failed: Error: Final loader (../data-loader.js) didn't
浏览 1提问于2019-05-29得票数 9
回答已采纳
很难理解webpack的复杂性，我需要一些帮助才能让HMR工作，我已经开始了一个使用的新项目，使用的是typescript-webpack模板。
该项目的创建具有以下结构：
你可以看到ts-loader配置已经在里面了，然后我添加了react和react-dom并设置了一个hello world App组件，问题是现在，当我更改该组件时，我得到了一个webpack HMR错误：
不确定如何解决这个问题，react-hot-loader似乎是让它工作的库，但不确定如何让它与ts-loader一起工作，有人能指出如何让这个设置工作吗？谢谢!
编辑1:我尝试添加react-hot，但
浏览 13提问于2020-02-05得票数 3
3回答
忽略对未接受模块的更新。
、、、
控制台输出Ignored an update to unaccepted module错误，如何修复？
log.js:25 Ignored an update to unaccepted module ./src/print.js -> 1
log.js:25 [HMR] The following modules couldn't be hot updated: (They would need a full reload!)
log.js:25 [HMR] - ./src/print.js
整个控制台消息是：
log.js:23 [HMR] Waiting for upda
浏览 6提问于2017-08-05得票数 5
我所拥有的
我用以下配置文件创建了一个小型Webpack Hello：
const path = require('path');
const webpack = require('webpack');
module.exports = {
entry: {
app: path.join(__dirname, 'app/index.js'),
},
output: {
path: path.join(__dirname, 'build'),
filename: 'app.js'
浏览 2提问于2017-02-24得票数 0
回答已采纳
正如标题所暗示的，当我准备好托管生产代码时，我是否应该从服务器代码中删除webpack-dev-middleware和webpack-hot-middleware的所有用法，因为它们是dev-dependencies？设置它的最好方法是什么，这样我就不必担心这个了？ 这是我的服务器代码的快照： // webpack -> HMR
const webpack = require("webpack");
const webpackConfig = require("../webpack.config");
const compiler = webpack(w
浏览 27提问于2019-06-01得票数 0
回答已采纳
我正在使用Webpack HMR作为Node.js (Koa2)服务器。HMR工作平稳，直到出现错误。HMR在那之后就停止工作了。
例如，当'asdfadsf‘变量未定义时：
[server] [HMR] ReferenceError: asdfadsf is not defined
[server] at Object../server.js (A:\cms2\src\server\server.js:15:1)
[server] at __webpack_require__ (A:\cms2\build\webpack\bootstrap 04a9ee280262a
浏览 1提问于2018-02-24得票数 1
回答已采纳
如何在捆绑生产时删除HMR的所有引用？
我的产品Webpack配置没有引用HMR，但是在浏览器调试器中，客户端不断地对/__webpack_hmr进行xhr调用。
有谁能说明这一点吗？
--我的配置
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: [
path.resolve(__dirname, 'master/jsx/App')
],
output: {
path: pa
浏览 0提问于2016-03-21得票数 5
我已经创建了一个新的Vue.js应用程序：vue create App_name --我启动该应用程序并运行良好，在Chrome中打开它时显示得很好，但在任何Firefox浏览器中打开它时，它只显示一个空白页，在检查控制台时显示：
Uncaught ReferenceError: __webpack_require__ is not defined
<anonymous> dev-server.js:12
eval person:59
js chunk-vendors.js:9714
__webpack_require__ app.js:854
浏览 3提问于2020-08-08得票数 0
1回答
我喜欢使用浏览器同步我的js服务器，因为它有一些我需要的功能，除了HMR“热模块替换”。我的意思是，它不需要重新加载页面就可以替换css文件，但是当涉及到js文件时，它会重新加载我的整个页面，而不像webpack-dev-server。
webpack-dev-server只是替换文件，不管它是css文件还是js文件，但是浏览器同步只做css的HMR。
有什么特殊的配置或者我需要写一些代码吗？我怎样才能让它在浏览器同步？
浏览 20提问于2017-06-23得票数 2
2回答
我试图设置热模块重新加载在一个反应/类型记录(与TSX)环境。我使用作为一个模型来推动事情的进行，到目前为止，这就是我所拥有的：
server.js
var webpack = require('webpack')
var webpackDevMiddleware = require('webpack-dev-middleware')
var webpackHotMiddleware = require('webpack-hot-middleware')
var config = require('./webpack.config'
浏览 0提问于2016-06-03得票数 8
回答已采纳
3回答
我有一个简单的配置与webpack-dev-middleware和webpack-hot-middleware，使用热重加载(HMR)与反应。
一切都很好，除了我对代码所做的每一次更改都需要2，3-4秒！直到我在浏览器上看到它。我做错什么了吗？应该是这样的吗？
我的代码相当大，我的捆绑包缩小到了841 is (200 is的this )，这就是原因吗？代码库越大，包的创建越慢？
快递服务器：
var webpack = require('webpack');
var webpackConfig = require('./webpack.hot.config');
浏览 6提问于2016-04-24得票数 13
2回答
目前，我正在努力使HMR工作在我的Webpack 2设置。我会解释我的整个设置，所以我希望这足以让人了解发生了什么。
我的项目结构：
config
dev.js
prod.js
dist
css
js
index.html
node_modules
src
components
// some JavaScript components
shared
stylesheets
index.js
.babelrc
package.json
webpack.config.js
这是我的webpack.config.js文件的内容，放在我的项目的根目录中：
浏览 9提问于2017-04-19得票数 3
回答已采纳
我想在React组件中反复调用一个函数，从它装载的时候开始，直到它卸载为止，并使它与webpack HMR (热重新加载)一起工作。
最简单的方法是按照ReactJS文档中的建议在componentDidMount中设置一个间隔: 1：
componentDidMount () {
const number = Math.floor(Math.random() * 1000) + 1
setInterval(() => console.log('Component ' + number.toString()), 5000)
}
我已经找过了，但是找不到一个解决方案
浏览 3提问于2016-07-21得票数 1
我已经和webpack和HMR建立了一个SSR环境。有一个静态呈现的标记，服务器传递给客户机，还有一个带有ReactDOM.hydrate()方法的client.js捆绑包。如果我更改了源代码，HMR可以正常工作，但会在控制台中发出警告，指出客户端代码和静态标记之间存在不匹配。 我正在使用带有webpack-dev-middleware和webpack-hot-middleware的express服务器 我的webpack配置是这样的： module.exports = {
mode: 'development',
entry: ['webpack-hot-m
浏览 52提问于2018-12-28得票数 7
回答已采纳
1回答
因此，对于webpack，只有在模块中有此代码或模块的父级代码时，HMR才能工作：
if (module.hot) {
module.hot.accept()
}
这让我想知道为什么你会在一开始就拒绝HMR。使用它是否有性能成本或其他负面影响？
对这个问题并不十分清楚。
浏览 5提问于2016-02-07得票数 4
回答已采纳
我让webpack和asp.net的mvc核心工作得很好。
我只配置了一个包。
HMR只有一个问题。
web pack开发服务器正在此地址运行：
http://127.0.0.1:64579/dist/__webpack_hmr
如果我去这个地址并使用默认路由：http://127.0.0.1:64579/
一切都很好。
如果我转到一个特定的路由：http://127.0.0.1:64579/home/index
Chrome尝试打开位于以下地址的开发服务器：http://127.0.0.1:64579/home/dist/__webpack_hmr
有没有办法在webpack.config.
浏览 4提问于2017-10-19得票数 2
1回答
也许这是成千上万个类似的问题之一，但我仍然没有看到任何关于如何使HMR 真正的工作的答案。
我做了所有这些操作，在和你在互联网上可以找到的每一个答案中都有描述：
启用webpack开发服务器的“热”选项
添加webpack-dev-server/client?{host:port}和webpack/hot/only-dev-server入口点
将new webpack.HotModuleReplacementPlugin()添加到插件中(以及NamedModulesPlugin )
文档的每一步
现在我所拥有的。
假设我的应用程序是这样的：
<ReactRoute
浏览 0提问于2018-04-12得票数 0
我已经用react-hot-loader配置了一个开发环境。HMR工作正常，我已经为redux添加了下面的配置
if (module.hot) {
// Enable Webpack hot module replacement for reducers
module.hot.accept('../reducers', () => {
console.log('reducers change')
const nextReducer = require('../reducers').default
s
浏览 0提问于2017-12-03得票数 1
1回答
我正在开发一个用v2创建的React应用程序。最近，我开始使用CSS中的JS库，即样式化的组件。在此之前，我不太关心整个应用程序是重新加载到每一个更改上，还是有热门模块替换。但是当我更改css时，当整个应用程序被重新加载时，使用css是非常恼人的。
我发现，尽管事实是，webpack配置的hot选项是由CRA2启用的，没有热重新加载。
我应该说，我从来没有配置过HMR自己在webpack，所以我没有一个坚实的知识，它应该如何使用。
我在寻找一个决定，但对我来说，这一切都很模糊。我提出了以下问题：
和普通的HMR有什么区别？我可以让热模块替换(至少对于css)没有反应-热加载程序？
我能
浏览 3提问于2019-04-04得票数 0
我有一个快捷应用程序与帕格和手写笔。我已经配置了HMR中间件，它对手写笔的更改重新加载，但不对pug更改重新加载。
我想知道我是不是缺少了一个特定的配置。我也尝试过添加pug-html-loader，但这也不起作用。
// server.js
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');
const webpackDevMiddleware = require('./hmr').dev;
const
浏览 4提问于2017-10-20得票数 8
最近我有一个热模块重新加载的项目设置，我使用这个脚本通过webpack- dev -server启动dev：
"NODE_ENV=development ./node_modules/.bin/webpack-dev-server --progress --config webpack.dev.js"
热模块重新加载工作。直到我改变
if (module.hot) {
module.hot.accept('./components/App', () => {
renderWrapper(App);
});
}
到
if (p
浏览 5提问于2017-09-19得票数 1
回答已采纳
我有一个具有工作Webpack4配置的web项目，它使用webpack-dev-server并启用HMR，并通过npm脚本以这种方式启动：
cross-env NODE_ENV=development webpack-dev-server --inline --hot
一切都好，HMR为我的js和scss文件工作。现在我在想，当我修改一个视图模板文件时，是否可以扩展我的Webpack配置，使浏览器中有一个完整的重新加载。
对我来说，webpack-dev-server自己做不到这一点，所以我想我需要一些其他插件。在谷歌上搜索了一下之后，我得到了：
+
将我的配置重写为，就像它看起来
浏览 3提问于2018-09-13得票数 4
回答已采纳
我正在尝试设置一个快速服务器来开发一个带有热重载的React项目，但是HMR因为某些原因请求了错误的路径，并且我不能通过更改"publicPath“选项来修复它。它请求"public“文件夹，即使这是我服务器静态文件所在的文件夹，因此它会导致错误。如何调整配置以使HMR开始工作？这是我在控制台中看到的错误：
我的Webpack配置：
const path = require('path');
const webpack = require('webpack');
const tsRules = {
test: /\.ts(x?)$/,
浏览 22提问于2017-07-13得票数 1
非常奇怪的时刻。我有：
webpack.hmr.config.js
// webpack.hmr.config.js
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const WebpackChunkHash = require('webpack-chunk-hash');
const commonExportsObject = require('./webpack.common.config&#
浏览 0提问于2018-07-31得票数 3
回答已采纳
我在prod env中使用了以下的webpack配置。尽管它工作得很好，但它并不是最优化的代码，因为它可以运行所有语言环境下的每个插件。例如，理想情况下，复制插件应该仅在i18n插件为所有语言环境运行之后才被调用。或者例如，假设我只想国际化main.bundle.js条目文件，而不国际化其他条目文件。请帮我写一个更优化的配置。
const helpers = require('./helpers');
const webpackMerge = require('webpack-merge');
const commonConfig = require('
浏览 0提问于2016-10-11得票数 1
我正在学习Webpack，偶然遇到了。我对什么是热模块替换(HMR)有大致的想法。我可以通过以下示例代码配置webpack HMR插件：
var plugins = [ new webpack.HotModuleReplacementPlugin(), // using HMR plugin
new HtmlWebpackPlugin({template: './index.html'})
];
module.exports = {
// webpack config object
context: entryBase
浏览 1提问于2016-05-04得票数 3
1回答
创建-反应-应用程序有内置支持HMR吗？我见过react在更改上重新加载。但那不是HMR。webpack的配置，我需要添加，以使HMR。我在网上读到关于在webpack-dev-serve中将webpack-dev-serve选项设置为true的内容。我对HMR的反应感到困惑。
搜索了一段时间后，我发现了这个
import React from 'react'
import ReactDOM from 'react-dom'
import App from './components/App'
// Opt-in to Webpack hot
浏览 3提问于2021-06-11得票数 1
1回答
我把webpack开发中间件放在我的特快路线上，它指向/login，如下所示：
(async () => {
const [
{default: webpack},
{default: webpackMW},
{default: webpackHMR},
{default: webpack_login_cfg}
] = await Promise.all([
import('webpack'),
i
浏览 7提问于2021-12-13得票数 0
1回答
我用的是车把-装载机：
{
test: /\.hbs$/,
loader: 'handlebars-loader',
}
我也使用html-webpack-插件。
使用Webpack Dev Server，一切都按我的要求工作：
如果保存了对车把、模板或SCSS文件的更改，则会自动重新加载页面。
但是，一旦我在hot: true下启用了devServer，HMR就开始为SCSS更改工作(即CSS在不需要完全重新加载的情况下得到更新)，这正是我想要的，但是如果我更改了devServer模板，HMR就不能工作，而常规的“热重新加载”(即重新加载整个页面)也会
浏览 0提问于2019-11-17得票数 7
大约一周前，我在将HMR添加到我的项目中时遇到了一个问题，问题是它不工作，控制台显示HMR已启用，还检测到文件上的更改，但它没有重新呈现视图，控制台将会记录：
[HMR] Updated modules:
[HMR] - ./app/src/components/app.jsx
[HMR] App is up to date.
但在视觉上不会发生任何变化，在代码检查器中也是如此。
经过大量的实验，我发现这个问题是由babel加载器引起的，它以某种方式干扰了webpacks马达或类似的东西。我通过在babel加载器中排除索引文件解决了这个问题，但是我不认为这是最好的方法，因为现在我不能在ind
浏览 35提问于2017-12-20得票数 0
回答已采纳
最近我一直在学习webpack -dev服务器，的webpack文档告诉我，当我尝试实现HMR(热鼠标替换)时，应该使用devServer.hot来“启用的热模块替换功能”，就像这样：。
module.exports = {
/*other thing ...*/
hot:true
}
文档还告诉我，“注意，您还必须包括一个新的webpack.HotModuleReplacementPlugin()才能完全启用HMR"，如下所示：
plugins:[
new webpack.HotModuleReplacementPlugin()
]
但是！即使我没有使用上面提到的
浏览 3提问于2017-06-03得票数 0
1回答
我有一个简单的webpack与反应热装载机&快速设置和工作。我正在尝试添加一个外部节点模块，它将为某些服务注册一个子路由器。由于某些原因，这样做会导致一个奇怪的异常(见下文)。
var path = require('path');
var express = require('express');
var webpack = require('webpack');
var config = require('./webpack.config');
var app = express();
var router = e
浏览 3提问于2015-11-13得票数 0
当我在hmr环境中快速保存两次时，它会抛出这个错误。
它通向这条路=>
var hmrBootstrap = function (module, bootstrap) {
var ngModule;
module.hot.accept();
bootstrap().then(function (mod) { return ngModule = mod; });
module.hot.dispose(function () {
var appRef = ngModule.injector.get(_angular_core__WEB
浏览 6提问于2018-09-14得票数 0
我有一个基本的安装程序，每个应用程序位于一个单独的目录中，我使用一个自定义服务器来使用webpack-dev-middleware/webpack-hot-middleware编译它们。除了我无法让HMR为第二个应用程序工作(我正在使用react-hot-loader)之外，一切都很顺利。
下面是一个说明问题的最小回购：
我的主要代码文件：
webpack.config.js
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require(
浏览 1提问于2017-06-11得票数 5
回答已采纳
当我在VS Code中调试我的项目时，我的NET Core Web App在wwwroot中提供内容。
有没有办法在使用ServiceStack的时候，也添加MVC使用的Webpack中间件来启用HMR？
浏览 20提问于2018-08-30得票数 2
回答已采纳
1回答
我正试图在Visual 2015中将角2与HMR集成起来。我有两个项目，具有相同的文件内容和相同的目录结构，并且都使用带有角2的HMR。但是每个项目的HMR查找不同的更新包。例如，对于App1，它查找类型记录文件(在VS中不为它们生成JS )如下：
模块A依赖于B，而B依赖于C。如果C被更新，那么整个包就会得到更新，从而工作良好。
但是在App2中，它查找一个类型记录文件main.ts和2个Javascript文件，如下所示：
如果C被更新，则模块不会被更新，除非我显式地修改C的Javascript文件(由VS生成)！
我如何告诉Webpack HMR寻找这些类型的文件，并
浏览 0提问于2017-02-10得票数 2
我在我的项目中设置了HMR，它对我的大部分应用程序(电子，webpack，react)都很好。
唯一的问题是: module.hot.accept回调从未被调用过，所以对于热替换我的数据存储，它不起作用。实际上，我想知道即使没有调用处理程序，HMR也会为react等工作。有什么想法吗？
当我更改文件时，日志看起来是正确的：
[WDS] App updated. Recompiling...
09:41:43.883 index.js?69b4:3671 [WDS] App updated. Recompiling...
09:41:46.703 index.js?69b4:3671 [WDS]
浏览 6提问于2021-01-18得票数 5
我和webpack一起实现了HMR，它工作得很好。当我更改控制台中已更新的内容时，但由于我将其用于服务器包，因此我想知道在HMR完成后，如何向浏览器发送信号以重新加载，或者更好的是，如何在不刷新浏览器的情况下进行热交换？
它正常工作在客户端，我使用webpack开发服务器，但在服务器端，我使用webpack/热/民意测验，我需要手动刷新后，每次更改，才能在浏览器中看到它？
webpack.config.server.js
module.exports = {
...
watch: true,
target: 'node',
node: {
__dirna
浏览 2提问于2017-06-07得票数 3
1回答
我正在使用.NET Core2.1建立一个新的MVC项目。我已经配置Webpack的类型抄本/SASS编译等与HMR (热模块再发)。
在设置所有这些时，我只使用了一个带有单一索引视图的简单HomeController，并且所有这些都正常工作。我现在已经添加了脚手架.NET标识页面，这些页面将被添加到项目中的一个新的“标识”区域。
以下是我的项目结构：
问题是，HMR似乎在这个地区被打破了。在运行项目时，我会得到以下控制台错误：
:58109/Identity/Account/dist/__webpack_hmr:1未能加载资源:服务器响应状态为404 (未找到)
起初，我认
浏览 1提问于2019-02-12得票数 0
当它加载时，一切正常，hmr正在工作。那么这个错误就出现了。
GET http://localhost:3000/__webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING
就像webpackdevserver正在崩溃，然后重新启动，这需要几秒钟，然后hmr又开始工作了。
[HMR] connected
然后“崩溃”等等..。
看来我只在Chrome (版本55)中有这个问题(用mozilla测试，这个问题没有出现)。
我可能在webpack或节点中心漏掉了一些东西，但在文档中找不到什么。
知道怎么解决这个问题吗？
//以下webpack会议f
con
浏览 3提问于2017-01-10得票数 6
回答已采纳
有人能给我解释一下为什么MiniCssExtractPlugin.loader不让HMR工作吗?我该如何修复它？我创建了以下webpack.config.js文件： const path = require ('path')
const HTMLWebpackPlugin = require ('html-webpack-plugin')
const MiniCssExtractPlugin = require ('mini-css-extract-plugin')
const cssLoaders = extra => {
浏览 99提问于2021-03-26得票数 1
我在使用HotModuleReplacement时遇到了一些错误。实际上我不能使用它，它显示找不到__webpack_hmr。
在/node_modules/webpack-hot-middleware/client.js中，我默认有这样的配置：
/*eslint-env browser*/
/*global __resourceQuery __webpack_public_path__*/
var options = {
path: "/__webpack_hmr",
timeout: 20 * 1000,
overlay: true,
reload: fa
浏览 10提问于2017-05-03得票数 1
2回答
我试图使用webpack开发服务器为JS和SCSS文件提供热重加载功能，但它没有做到这一点。我一直在犯同样的错误：
[WDS] App updated. Recompiling...
[WDS] App hot update...
[HMR] Checking for updates on the server...
[HMR] The following modules couldn't be hot updated: (They would need a full reload!)
[HMR] - 381
[HMR] Nothing hot updated.
[HMR] App
浏览 5提问于2016-05-19得票数 0
回答已采纳
我已经把我的webpack "@types/webpack": "^3.0.13"升级到了"@types/webpack": "^3.8.5"，"ngc-webpack": "~3.2.2"升级到了"ngc-webpack": "~4.1.1"。
当我启动项目时，它会返回
Error: Must specify "tsConfigPath" in the configuration of @ngtools/webpack.
尽管如此，我还是根据添加了路
浏览 1提问于2018-02-06得票数 2
在更改“关于”组件中的一些文本并保存文件后，我可以在我的控制台中看到以下日志：
client.js?6a8d:123 [HMR] bundle rebuilding
client.js?6a8d:126 [HMR] bundle rebuilt in 3786ms
process-update.js:27 [HMR] Checking for updates on the server...
bootstrap 5e8b103…:45 XHR finished loading: GET "http://localhost:3001/dist/5e8b1032c40f91ebd6ce.h
浏览 3提问于2016-06-20得票数 2
1回答
我正试着让热重装与我的设置工作。目前，它的工作方式是--
server.js
// this is the main server, which connects to db, serves react components, etc
const app = express();
app.get('/:params?*', (req, res) => {
res.status(200).send(`
<!doctype html>
<html>
<head>
<meta char
浏览 1提问于2016-02-17得票数 2
回答已采纳
我正在尝试为react/webpack/gulp实现HMR，这是我的组件：
import React from 'react';
class main extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>Hi this is fdsfdsfs</div>
);
}
}
export default main;
这是我的i
浏览 2提问于2016-10-21得票数 3
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
