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

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

react项目热更新自动插入了iframe_第1张图片

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

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

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

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

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

参考链接

你可能感兴趣的:(react项目热更新自动插入了iframe)