Не могу настроить HMR: застрял с "Ожидание обновления сигнала от WDS ..." в консоли

Question

Итак, я настраиваю минимальную конфигурацию для своего приложения React, и я столкнулся с этим сообщением [HMR] Waiting for update signal from WDS... в консоли, и моя страница браузера не отражает никаких изменений

Согласно this *Решение 1005 * Я пытался добавить @babel/preset-env, но безуспешно.И я не думаю, что это корень проблемы, поскольку даже если я изменю свой файл index.js, в браузере не будет применено никаких изменений

My 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"]
}

Answer 1

Дома это кому-то помогает.

У меня возникла эта проблема, и, очевидно, причиной моей проблемы было наличие iframes с src = "/ blank.html", и я решил ее, добавив прокси

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

Answer 2

Хорошо, так что, очевидно, это и является причиной проблемы.Я добавил

disableHostCheck: true

в свой веб-пакет devServer config, и это сработало (обратите внимание, что это просто обходной путь).

И я понятия не имею, почему в Windows 10 не было сообщений об ошибках.(после того, как я загрузил свое приложение из win7, консоль стала спамить Invalid Host/Origin header