最近使用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了。

参考链接


来了老弟
508 声望31 粉丝

纸上得来终觉浅,绝知此事要躬行