无法设置HMR:卡在控制台中的“正在等待来自WDS的更新信号…”
因此,我为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
conf:
{ "presets": ["@babel/preset-env", "@babel/preset-react"]
}
回答:
好的,显然这是导致问题的原因。我加了
disableHostCheck: true
到我的webpack devServer
配置,并且可以正常工作(请注意,这只是一种解决方法)。
而且我不知道为什么Windows10中没有错误消息(从win7启动我的应用程序后,控制台发送了垃圾邮件Invalid Host/Originheader
以上是 无法设置HMR:卡在控制台中的“正在等待来自WDS的更新信号…” 的全部内容, 来源链接: utcz.com/qa/436196.html