React 热重载添加具有高 z-index 的 iFrame，除非删除 dom 元素，否则无法点击

Question

每当我保存并 React 热重新加载应用程序时，就会注入一个具有高 z-index 的 iframe，这使得 UI 不可点击。

我必须打开开发工具并删除该元素，或者必须刷新 UI 才能再次正常工作。

如果我删除 dom 元素，它不会尝试再次添加到 UI 中，除非我刷新并且有另一个热重新加载。使用隐身模式或不使用扩展名会产生相同的结果。

Answer 1

要解决此问题，您需要将以下内容添加到您的package.json文件中：

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

然后安装react-error-overlay为开发依赖项npm i --save-dev react-error-overlay@v6.0.9。然后删除node_modules文件夹和package-lock.json文件。运行npm install并检查是否有效。

如果问题没有解决，npm install react-error-overlay@6.0.9再次运行即可解决问题。更多信息请点击这里。