原创

react process is not defined


问题

在运行时,浏览器控制台报错:process is not defined,并且会在页面创建个全屏iframe,阻止页面交互,头痛...

解决

固化react-error-overlay版本,下载包

npm i --save-exact react-scripts@4.0.3
npm i --save-dev react-error-overlay@6.0.9

package.json添加以下代码

  "resolutions": {
    "react-error-overlay": "6.0.9"
  },
  "flat": true

重新运行项目即可

解决全屏覆盖iframe问题

通过查阅相关资料发现是react-scripts存在的一个bug,他们在v5.0.1修复,将react-scripts升级至 v5.0.1 即可

升级版本代价比较大,如果只是想解决iframe问题,加上全局样式选择器把iframe隐藏

body>iframe[style*="2147483647"]:not([id="webpack-dev-server-client-overlay"]) {
  display: none;
}

react
  • 作者:零三(联系作者)
  • 最后更新时间:2022-07-05 11:13
  • 版权声明:自由转载-非商用-非衍生-保持署名
  • 转载声明:来源地址 https://web03.cn