解決瀏覽器端 globalThis is not defined 錯誤

2023年1月4日386

AI 翻譯

這篇文章透過AI由簡體中文翻譯成繁體中文。查看原文

AI 生成的摘要

在开发过程中，生产运维人员报告说页面打开时出现空白，无法进入系统。经过排查发现是print-template-designer报错，报错信息为globalThis is not defined。之前也遇到过类似错误，一般是由于浏览器版本过低导致的。通过查看Can I Use网站得知，在chrome70版本之前不支持globalThis。解决方法有两种：让客户升级浏览器版本或者前端代码升级以兼容低版本。最后决定让客户先升级浏览器版本，对于win7系统来说，使用最新版108即可（今年chrome停止支持win7，108应该是最后一个版本）。此外，在代码层面只需在head中添加一行代码即可解决问题。另外，了解globalThis是什么可以参考JavaScript | MDN和掘金网站上的相关资料。

Read the original article

今天在开发过程中，运维人员报告说页面打开后一片空白，无法进入系统。经过排查发现是我的print-template-designer报错了，报了一个 globalThis is not defined 的错误。

其实之前好像也遇到过类似的错误，一般是因为浏览器版本太低了。

在 Can I Use 网站上查了一下，发现在 Chrome 70 版本之前是不支持 globalThis 的。

那么解决方法就有两个：

让客户升级浏览器版本
前端升级一下，兼容低版本

最后我们还是建议客户先升级浏览器版本，如果是 Windows 7 系统，使用最新的 108 版本就可以了。（顺便说一句，今年 Chrome 停止支持 Windows 7，108 应该是最后一个版本）

另外，如何在代码层面解决这个问题呢？只需要在 head 标签中添加下面的代码即可。

<head>
  <script>
    this.globalThis || (this.globalThis = this)
  </script>
</head>

还有关于 globalThis 的问题，可以了解一下：