首页 > 其他分享> 文章详细

解决浏览器端 globalThis is not defined 报错

2022-04-20 20:04:30 阅读：184 来源： 互联网

标签：浏览器 defined globalThis 报错点赞 wild its

解决浏览器端 globalThis is not defined 报错

its_wild

2021年10月25日 17:15 · 阅读 1817 解决浏览器端 globalThis is not defined 报错

场景：

最近在使用 nuxt.js 做服务端渲染的移动端应用时，我们在app里引用h5的页面。结果上线后在部分机型（例如：Mozilla/5.0 (Linux; Android 8.1.0; M1822 Build/OPM1.171019.026; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/65.0.3325.110 Mobile Safari/537.36）里页面基本结构能加载出来但是页面不会发起其他网络请求。用 vConsole 调试也看不到报错，最后安卓开发同事调试才发现报错。如下图：

解决办法：

在html头部加上如下代码：

<head>
    <script>
        this.globalThis || (this.globalThis = this)
    </script>
    ...
</head>
复制代码

思路是：既然全局上没有定义 globalThis 那我们就判断一下，如果没有的情况下，定义全局的一个 globalThis 指向全局 this 对象（也就是 window 对象）。（注：支持 globalThis 的浏览器，其指向就是 window 对象，更多信息可在这里查看：developer.mozilla.org/en-US/docs/…

关键词：globalThis is not defined, nuxt.js, globalThis

分类：前端标签：前端多内容聚合浏览、多引擎快捷搜索、多工具便捷提效、多模式随心畅享，你想要的，这里都有！评论

热门评论

多厘

开发 @ 小有记4月前来来来, 收个膝盖..

its_wild

（作者）4月前

点赞回复全部评论 6 最新最热

欲可非前端开发3月前感谢分享,解决了我的企微和微信浏览器问题 1 回复

鸭鸭不在乎T_T 3月前解决了我的问题

，新项目用Vue3和Element Plus，也是这个报错 1 回复

多厘

开发 @ 小有记4月前来来来, 收个膝盖..

its_wild

（作者）4月前

点赞回复

Tims18294 前端开发5月前在一个 chrome 70版本上复现了次问题，用上述方法解决了。感谢了

its_wild

（作者）4月前不客气

标签：浏览器,defined,globalThis,报错,点赞,wild,its
来源： https://www.cnblogs.com/sexintercourse/p/16171452.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

解决浏览器端 globalThis is not defined 报错

解决浏览器端 globalThis is not defined 报错

场景：

解决办法：