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