无法设置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>

);

}

和我的.babelrcconf:

{

"presets": ["@babel/preset-env", "@babel/preset-react"]

}

回答:

好的,显然这是导致问题的原因。我加了

disableHostCheck: true

到我的webpack devServer配置,并且可以正常工作(请注意,这只是一种解决方法)。

而且我不知道为什么Windows10中没有错误消息(从win7启动我的应用程序后,控制台发送了垃圾邮件Invalid Host/Originheader

以上是 无法设置HMR:卡在控制台中的“正在等待来自WDS的更新信号…” 的全部内容, 来源链接: utcz.com/qa/436196.html

回到顶部