无法设置HMR：“等待来自WDS的更新信号.”在控制台中
无法设置HMR：“等待来自WDS的更新信号.”在控制台中
提问于 2018-12-23 16:31:26
因此，我正在为我的React应用程序设置一个最小的配置，并且我在控制台和浏览器页面中的[HMR] Waiting for update signal from WDS...消息没有反映任何更改
根据这解决方案，我试图添加@babel/preset-env，但没有成功。而且我不认为这是问题的根源，因为即使我更改了我的index.js文件，浏览器中也没有应用任何更改
我的webpack.config.js
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']
}
};src/index.js
import React from 'react';
import { render as r } from 'react-dom';
import App from './App';
r(<App />, document.querySelector('#root'));src/App.jsx
import React from 'react';
export default function App() {
return (
<div>
<h1>Hello from React Version: {React.version}</h1>
</div>
);
}我的.babelrc公司：
{
"presets": ["@babel/preset-env", "@babel/preset-react"]
}回答 9
Stack Overflow用户
回答已采纳
发布于 2018-12-23 21:12:26
很显然，这是引起这个问题的原因。我加了
disableHostCheck: true对我的webpack devServer配置和它的工作(注意，这只是一个解决办法)。
我也不知道为什么windows 10中没有错误消息(在我从win7引导我的应用程序之后，控制台就开始使用Invalid Host/Origin header了。)
Stack Overflow用户
发布于 2021-02-11 15:39:28
我在使用[HMR] Waiting for update signal from WDS... 5、webpack-dev-sever和browserslist时遇到了同样的问题。
当使用browserslist与webpack 5和webpack-dev-sever作为陈氏在此作答时，它似乎是一个bug。有关该漏洞的更多信息可以找到这里。
解决方案(目前)是在webpack配置中添加target: 'web'。示例：
// webpack.config.js
module.exports = {
devServer: {
hot: true
},
target: 'web',
mode: 'development',
[...]
}Stack Overflow用户
发布于 2020-11-02 10:27:39
有此错误可能意味着，您有一个递归，即在其内部导入一个组件。这可能发生在代码重构过程中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53905253
复制相关文章
相似问题
腾讯云开发者
