1. 转到node_modules -> webpack -> hot folder。

2. 在此之下，您将找到一个打开的log.js文件，用于编辑该部分（评论下的日志if(level === "info")）

   module.exports = function(level, msg){
   > comment start here
   
       if (shouldLog(level)) {
           if (level === "info") {
               console.log(msg);
           } else if (level === "warning") {
               console.warn(msg);
           } else if (level === "error") {
               console.error(msg);
           }
   
       }
   > comment end here
   };
   

有关更多信息： react-scripts 3.3.0 / 3.3.1 -> [HMR] 等待来自 WDS 的更新信号...在控制台中（Edge 仍然不工作）#8153

您可以从控制台中删除它

[HMR] Waiting for update signal from WDS...

您可以转到node_modules -> webpack ->热文件夹中存在的log.js文件在该文件下您将找到一个log.js文件，现在您必须使用ctrl+/.--

// if (shouldLog(level)) {
//  if (level === "info") {
//      console.log(msg);
//  } else if (level === "warning") {
//      console.warn(msg);
//  } else if (level === "error") {
//      console.error(msg);
//  }
// }

所以现在你的函数看起来像——

module.exports = function(level, msg) {
    // if (shouldLog(level)) {
    //  if (level === "info") {
    //      console.log(msg);
    //  } else if (level === "warning") {
    //      console.warn(msg);
    //  } else if (level === "error") {
    //      console.error(msg);
    //  }
    // }
};

并确保它npm start再次运行它会从控制台中删除。

它是相关的HMS。似乎您正在使用自定义react模板。你需要找到你的 webpack 配置文件并检查 dev-server 配置选项。我在此处附加了一个链接，它将向您展示如何启用 HMS。让我知道它是否有效。 https://webpack.js.org/guides/hot-module-replacement/#enabling-hmr

请在 App.js 中检查您的路线。当我从 React 17 降级到 16 时，这发生在我身上，因为 17 与 16 使用的几个包不兼容。

问题是我忘记在 16 中将路由更改回渲染。因此必须在它工作之前将“元素”更改为“组件”。