Vue2编写的一个H5小项目,部分安卓机报错,导致空白页 页面无法加载,提示globalThis is not defined Vue.js v2.7, 代码内有globalThis变量,部分安卓机型不识别, 提示globalThis is not defined.
解决方案:
- 如果项目是直接引用的vue.js,则可以创建全局变量
var globalthis = window || self;或者在main.js/app.vue中输入下面代码
!(function(t){
function e(){
var e = this || self;
(e.globalThis = e), delete t.prototype._T_;
}
"object" != typeof globalThis && (this ? e() : (t.defineProperty(t.prototype, "_T_", {
configurable: !0,
get: e,
}), _T_))
})(Object);
- 如果是使用vue init创建的项目可把node升级到12及以上 node >= 12后打包
- npm安装globalthis包 执行命令: npm install globalthis 在代码中引用: import 'globalthis/auto' 运行项目时会自动检查环境是否支持globalthis, 如果不支持,则会创建一个全局变量globalthis。