blocks|key|2744366|text|很显然，这是引起这个问题的原因。我加了|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2744367|disableHostCheck:+true|code-block|syntax|javascript|2744368|对我的webpack+devServer配置和它的工作(注意，这只是一个解决办法)。|style|CODE|2744369|我也不知道为什么windows+10中没有错误消息(在我从win7引导我的应用程序之后，控制台就开始使用Invalid+Host/Origin+header了。)|2744370|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/webpack/webpack-dev-server/issues/1604^0|4|1|0|0|0|B|9|0|1G|Q|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@$A|12|B|13|K|L]]|9|@]|C|$]]|$1|M|3|N|5|6|7|14|8|@$A|15|B|16|K|L]]|9|@]|C|$]]|$1|O|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

Ok so apparently <a href="https://github.com/webpack/webpack-dev-server/issues/1604" rel="noreferrer">this</a> is what causing the issue. I added

<pre><code>disableHostCheck: true
</code></pre>

to my webpack <code>devServer</code> config and it worked (note that it's just a workaround).

And I have no idea why there were no error messages in windows 10 (after I had booted my app from win7 the console was spamming with <code>Invalid Host/Origin header</code>

blocks|key|2744389|text|回家这个能帮到别人。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2744390|我遇到了这个问题，很明显，导致我的问题是使用src="/blank.html“的iframes，并通过添加一个代理来解决它。|2744391|proxy:+{
++++'/*.html':+{
++++++++target:+'https://something.else',
++++++++changeOrigin:+true
++++}
}|code-block|syntax|javascript|2744392|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Home this helps someone. 

I got this problem and apparently what caused my problem was having iframes with src="/blank.html" and I solved it by adding a proxy

<pre><code>proxy: {
 '/*.html': {
 target: 'https://something.else',
 changeOrigin: true
 }
}
</code></pre>

blocks|key|2744441|text|有此错误可能意味着，您有一个递归，即在其内部导入一个组件。这可能发生在代码重构过程中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2744442|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Having this error can mean that, you have a recursion, that is importing a component within itself. This can happen during refactoring of your code.

blocks|key|762687|text|擦除和替换节点模块:我的REACT项目控制台读到“等待来自WDS…的更新信号”，后面跟着没有找到的每个模块。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|762688|对我起作用的是删除和重新安装我的节点模块，在我的终端中有这两行。然后我的应用程序又起作用了。|762689|rm+-rf+node_modules
yarn+install+(or+npm+install)|code-block|syntax|javascript|762690|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

WIPE AND REPLACE NODE MODULES:
My REACT project console read “Waiting for update signal from WDS…&quot; followed by every module not being found.
What worked for me was to remove and re-install my node modules with these two lines in my terminal. Then my app worked again.
<pre><code>rm -rf node_modules
yarn install (or npm install)
</code></pre>

blocks|key|762710|text|我认为删除node_modules不是最好的选择。我相信大多数node_module都是随旧版本webpack而来的，这意味着我们需要更新新的版本提示(如果您选择了使用webpack-dev中间件而不是多媒体服务器，请在您的自定义服务器或应用程序上使用热中间件包来启用HMR+)。附件请阅读链接，以更好地实现webpack+(https://webpack.js.org/guides/hot-module-replacement/#enabling-hmr.)的HMR祝您好运！|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|762711|entityMap|0|LINK|mutability|MUTABLE|url|https://webpack.js.org/guides/hot-module-replacement/#enabling-hmr.^0|4J|1V|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I think removing the node_modules is not the best option. I believe most node_module came with the old version webpack that mean we need to update the new version TIPS(If you took the route of using webpack-dev-middleware instead of webpack-dev-server, please use the webpack-hot-middleware package to enable HMR on your custom server or application.)
Attached please read the link for a better implementation on the HMR webpack (<a href="https://webpack.js.org/guides/hot-module-replacement/#enabling-hmr." rel="nofollow noreferrer">https://webpack.js.org/guides/hot-module-replacement/#enabling-hmr.</a>) Good luck!

blocks|key|1901613|text|我在使用[HMR]+Waiting+for+update+signal+from+WDS...+5、webpack-dev-sever和browserslist时遇到了同样的问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1901614|当使用browserslist与webpack+5和webpack-dev-sever作为陈氏在此作答时，它似乎是一个bug。有关该漏洞的更多信息可以找到这里。|1901615|解决方案(目前)是在webpack配置中添加target:+'web'。示例：|1901616|//+webpack.config.js

module.exports+=+{
++devServer:+{
++++hot:+true
++},
++target:+'web',
++mode:+'development',
++[...]
}|code-block|syntax|javascript|1901617|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/64988081/4316314|1|https://github.com/webpack/webpack-dev-server/issues/2758^0|4|17|1E|H|1W|C|0|3|C|G|7|Q|H|19|6|0|25|2|1|0|M|D|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@$9|16|A|17|B|C]|$9|18|A|19|B|C]|$9|1A|A|1B|B|C]]|D|@$9|1C|A|1D|1|1E]|$9|1F|A|1G|1|1H]]|E|$]]|$1|H|3|I|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|1L|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

I had the same issue being stuck at <code>[HMR] Waiting for update signal from WDS...</code> while using <code>webpack</code> 5, <code>webpack-dev-sever</code> and <code>browserslist</code>.
It seems to be a bug when using <code>browserslist</code> with <code>webpack</code> 5 and <code>webpack-dev-sever</code> as <a href="https://stackoverflow.com/a/64988081/4316314">answered by chenxsan here</a>. More info about the bug can be found <a href="https://github.com/webpack/webpack-dev-server/issues/2758" rel="nofollow noreferrer">here</a>.
The solution (for now) is to add <code>target: 'web'</code> to the webpack config. Example:
<pre><code>// webpack.config.js

module.exports = {
 devServer: {
 hot: true
 },
 target: 'web',
 mode: 'development',
 [...]
}
</code></pre>

blocks|key|2744649|text|因此，如果您使用Firebase作为后端，在我的情况下就是这样。您可能已经耗尽了每天的配额，因此您可能无法读/写，甚至无法访问将使用firebase的任何组件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|2744650|由于这个原因，我不断地在控制台中获取[HMR]+Waiting+for+update+signal+from+WDS...。您可能会禁用警告(在我的情况下也是如此)，因为您不会看到该警告。|2744651|entityMap^0|8|8|14|5|0|I|17|0^^$0|@$1|2|3|4|5|6|7|K|8|@$9|L|A|M|B|C]|$9|N|A|O|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|P|8|@$9|Q|A|R|B|C]]|E|@]|F|$]]|$1|I|3|-4|5|6|7|S|8|@]|E|@]|F|$]]]|J|$]]

So if you are using <code>Firebase</code> as your backend, which was the case in my situation. You might have exhausted your daily quota and because of that, you may not be able to read/write or even access any components that will be using firebase.
Due to this, I was constantly getting <code>[HMR] Waiting for update signal from WDS...</code> in the console. You might have your warnings disabled (which again was the case in my situation) and bcoz of that you won't be seeing that warning.

blocks|key|765195|text|在我的例子中，这是由我的code.Check中的语法错误引起的，您的代码中的错误没有被注意到。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|765196|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In my case this was cause by a syntax error in my code.Check your code for errors that go unnoticed.

blocks|key|762756|text|对于那些在角度上得到这个错误的人来说，在我的例子中，问题是我同时使用了--live-reload+false和--hmr。因此，ng+serve+--live-reload+false+--hmr将无法工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|762757|entityMap^0|Z|J|1J|5|1S|Y|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

For those who are getting this error in Angular, in my case the problem was that I was using <code>--live-reload false</code> with <code>--hmr</code> at the same time. So <code>ng serve --live-reload false --hmr</code> will not work.

So I'm setting up a minimal configuration for my React app, and I faced that <code>[HMR] Waiting for update signal from WDS...</code> message in console and my browser page doesn't reflect any changes

According to <a href="https://stackoverflow.com/questions/43491310/cant-get-webpack-2-hmr-react-to-work/43609827">this</a> solution I had tried to add <code>@babel/preset-env</code>, but it had no success. And I don't think that it's the root of the problem, since even if I change my <code>index.js</code> file, no changes applied in the browser

My <code>webpack.config.js</code>:

<pre><code>const { HotModuleReplacementPlugin } = require('webpack');

module.exports = {
 mode: 'development',
 devServer: {
 watchContentBase: true,
 publicPath: '/dist/',
 hot: true
 },
 plugins: [new HotModuleReplacementPlugin()],
 module: {
 rules: [{ test: /\.(js|jsx)$/, exclude: /node_modules/, loader: 'babel-loader' }]
 },
 resolve: {
 extensions: ['.js', '.jsx']
 }
};
</code></pre>

<code>src/index.js</code>:

<pre><code>import React from 'react';
import { render as r } from 'react-dom';
import App from './App';

r(&lt;App /&gt;, document.querySelector('#root'));
</code></pre>

<code>src/App.jsx</code>:

<pre><code>import React from 'react';

export default function App() {
 return (
 &lt;div&gt;
 &lt;h1&gt;Hello from React Version: {React.version}&lt;/h1&gt;
 &lt;/div&gt;
 );
}
</code></pre>

and my <code>.babelrc</code> conf:

<pre><code>{
 "presets": ["@babel/preset-env", "@babel/preset-react"]
}
</code></pre>

Can't set up the HMR: stuck with "Waiting for update signal from WDS..." in console

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

因此，我正在为我的React应用程序设置一个最小的配置，并且我在控制台和浏览器页面中的[HMR] Waiting for update signal from WDS...消息没有反映任何更改根据解决方案，我试图添加@babel/preset-env，但没有成功。而且我不认为这是问题的根源，因为即使我更改了我的inde...

问无法设置HMR：“等待来自WDS的更新信号.”在控制台中
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法设置HMR：“等待来自WDS的更新信号.”在控制台中EN