因此，经过大量的研究和测试，我终于想通了这一点，我希望它可以保存任何人在同样的情况下，我是在😊
我已经找到了两个解决方案可以解决这个问题，一个是.env文件，有时可以工作，另一个解决方案是css，我想说的是总是会解决这个问题。

修复#1：.env解决方案

在根数据夹层级（与.gitignore、package.json、README.md、yarn.lock、/src相同的层级）中，建立.env档案，并在其中包含下列项目：

FAST_REFRESH=false

这有时会奏效，但如果一段时间后还是不行，请继续下面的第二个解决方案。

修复#2：App.css修复了禁用iframe指针事件的问题

这个解决方案为我节省了一大笔钱。基本上，这个解决方案修复的是将iframe Package 在Reactiderjs模板中的应用程序中存在的html文件周围。
在全局样式文件中，将以下属性添加到iframe元素：pointer-events: none。然后我将这个css文件导入到我的JSX页面中，这样它将删除页面周围的iframe Package 器。这将禁用iframe覆盖，并允许您有效地单击窗口框架中的任何位置。

iframe {
  pointer-events: none;
}

希望这些解决方案中的一个可以为您节省数小时的研究和时间😊

我还没有尝试过，但公认的答案看起来像它只会禁用快速刷新所有在一起，这是不理想的，所以...
看看这个github问题回复
https://github.com/facebook/create-react-app/issues/11880#issuecomment-1005409614
具体来说我只需要

// package.json

"resolutions": { "react-error-overlay": "6.0.9" },

请确保在更新后运行yarn或npm install

我不想禁用一个页面上的所有iframe，所以我使用以下代码：

body > iframe {
  pointer-events: none;
}

我遇到这个问题是因为我的代码中有一些错误，在我修复了所有的lint错误之后，iframe消失了see the detail here

你可以把这个添加到你的css中，这将隐藏iframe并防止它影响你的工作

iframe {
    display: none;
}

请先检查导入模块，映像或其他类型时是否有任何错误或警告也可能安装了旧版本包或模块，或者有警告或错误您可以在控制台上找到它修复此问题后，希望它能得到修复
我发现固定在我身上。

使用以下内容更新package.json文件中的BrowserList："browserslist": [ ">0.2%", "not dead", "not ie <= 11", "not op_mini all" ]
这对我来说是一个解决方案。

对于仍然遇到此问题的任何人（很可能是由于克隆使用旧版本react-scripts的存储库），您可以通过将react-scripts更新到v5.0.1（或更高版本）来解决此问题。

npm install --save react-scripts@5