问题
项目热更新的时候有个iframe覆盖,z-index层级超高
![在这里插入图片描述](https://img-blog.csdnimg.cn/14365b3a5f1c4a549059676d0e992a9f.png)
解决
我的react-scripts版本为"4.0.2",所以react-scripts存在的一个bug,但是v5.0.1修复了,老项目升级有风险,还是直接隐藏这个iframe好了,在全局引入下面这个样式
body > iframe[style*="2147483647"]:not([id="webpack-dev-server-client-overlay"]) {
display: none;
}
![在这里插入图片描述](https://img-blog.csdnimg.cn/a050e8839232464e9596427a29e562dd.png)
这样热更新的时候iframe就不会覆盖了