react项目热更新自动插入了iframe

最近使用create-react-app创建了前端项目，热更新触发后，查看DOM元素发现在整个页面插入了一个iframe，层级很高，会影响查看其他元素。如上图所示：

查阅了一些资料，发现这是一个已知的bug，解决方法是在package.json中安装依赖：

"devDependencies": {
    "react-error-overlay": "^6.0.9"
}

并且在"dependencies": {} 的下面加入：

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

这样重新启动项目，热更新后发现就不会再出现那个烦人的iframe了。

参考链接