解决 Vue3.0 globalThis is note defined

原创 已于 2022-06-01 08:21:55 修改 · 3.5k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

于 2022-05-31 10:01:00 首次发布
本文介绍了浏览器不支持ES2020的问题，提供了升级浏览器、在HTML头部添加临时代码以及在Vite项目中使用@vitejs/plugin-legacy插件的详细步骤，帮助开发者应对现代浏览器兼容性挑战。

问题引发原因: 浏览器不支持 es2020

以下兼容性表
在这里插入图片描述

解决方式:
0.0 其实吧,老兄,别折腾了,赶紧升级浏览器吧
升级浏览器版本 以支持 es2020

临时方案
在index.html head中加入如下代码：

<head>
	<script> 
		this.globalThis || (this.globalThis <
最低0.47元/天 解锁文章
默默修炼
关注
vue3 引入 sockjs-client 报错问题 (global is not defined)
开源世界
06-10 4972
问题 今天在 vue3 中引入 sockjs-client 的时候莫名的报了个错，而且页面里也没有 global 相关的内容，使得 sockjs-client 无法使用。报错信息如下： 解决方法 1 在 index.html 中，添加 虽然此时解决了 global 报错问题，但这种情况还会继续报其他错误，所以不建议使用。解决方法 2 改变引入方式，将 import SockJS from ‘sockjs-client’; 改为 import SockJS from ‘sockjs-client/dist/s
Vite 插件 @vitejs/plugin-legacy 深度解析：旧浏览器兼容指南
最新发布
前端开发-前端技术分享
09-02 1484
全面解析 @vitejs/plugin-legacy：自动 Polyfill、双重构建、智能浏览器检测与条件加载，含 Vue/React/企业级配置与性能优化建议。
vue3.0 安装包 报ReferenceError：globalThis is not defined错误
与世无争的小垃圾
04-08 1万+
直接贴图 解决方法,node升级到支持globalThis的版本（v12或更高版本）
react,vue报 globalthis is not defined
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
01-17 2万+
globalthis is not defined
vue3引入tinymce6，在google66、67、68低版本中报错：globalThis is not defined；Promise.allSettled is not a function；
weixin_43485503的博客
11-12 500
在index.html添加。
globalThis is not defined 解决方案
记录常见的问题以及解决办法
07-13 1万+
globalThis is not defined 解决方案
钉钉h5应用 globalthis is not defined vite client
qubes的专栏
03-05 743
钉钉h5应用 globalthis is not defined vite client。
vue admin，vue3 admin，vue3.0 admin，vue后台管理，vue-admin，vue3.0-admin，admin，vue-admin，vue-element-admin，a
11-30
至于“vue3 admin”、“vue3.0 admin”、“vue-admin”、“vue3.0-admin”等词汇，明确指出了这个框架不仅支持Vue.js的旧版本，也紧跟Vue 3的脚步，支持最新技术。 提到的“vue-admin-better-master”文件名称，...
一个基于vue3.0的大数据分析系统，包含各种echarts和vue3.0新API-Vue.js开发
05-27
vue3-bigData是一个可视化系统，基于vue3.0 和 echarts实现，使用vue的最新的技术栈，包括各种可视化图表。 vue3-bigData 探索本项目的文档 » 在线预览 · 提出Bug · 提出新特性 简介 vue3-bigData是一个...
尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通
07-08
尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通
vue3 使用SockJS报错 ReferenceError: global is not defined
Qyzcxy的博客
08-09 1992
vue3 ts 使用SockJS报错 ReferenceError: global is not defined
vite + vue项目报错：Uncaught ReferenceError: globalThis is not defined
AwoCT的博客
04-02 2398
vite + vue项目报错：`Uncaught ReferenceError: globalThis is not defined`。
解决浏览器端 globalThis is not defined 报错
m0_50207524的博客
02-03 3629
在使用低版本火狐浏览器出现报错globalThis is not defined。
vue3 报错 Cant find variable: globalThis
weixin_43073383的博客
12-17 2449
项目打包后使用低版本的浏览器打开报错 解决方法 vue.config.js import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import legacy from '@vitejs/plugin-legacy'; // https://vitejs.dev/config/ export default defineConfig({ base: './', plugins: [ vue(),
vue3源码阅读【packages\shared\src\index.ts 】【getGlobalThis】
qq_38862234的博客
07-14 470
vue3源码阅读
vue3 使用 sockjs报错（global is not defined)
qq_19954537的博客
03-01 1294
改为 import SockJS from ‘sockjs-client/dist/sockjs.min.js’;将 import SockJS from ‘sockjs-client’;
前端vue项目，用idea npm start报错Syntax Error: ReferenceError: globalThis is not defined，解决方法
m0_50623553的博客
08-16 1238
经过资料查询，发现可能是node.js版本过低，之前微信小程序开发一直用的版本v10.15.0，去node.js官网下载最新LTS版本就行，完成后，win+R运行cmd，输入node -v查看node.js版本。运行项目，npm start，运行成功，可在本地8080端口打开。下载后，一直安装就OK，之前安装过node,js的会自动重装。
关于 globalThis is not defined 报错问题
u014226080的博客
08-02 7301
我使用的是搜狗游览器测试，因为内核版本只有65，导致有这个问题，在内核70+的游览器不存在这个问题，解决方法也很简单，在报错界面添加上以下代码解决（PS不知道报错具体位置，就直接在main.js里面添加）这是我在检查一个vue在线项目的时候发现的。...
vue3引入sockjs-client报错(global is not defined)怎么解决
·Π·的博客
04-13 4519
求助vue3引入sockjs-client报错怎么解决
vue启动项目报错 globalThis is not defined
05-30
如果在使用Vue启动项目时出现 "globalThis is not defined" 错误，通常是因为你的浏览器或Node.js版本太旧，不支持`globalThis`对象。你可以通过升级浏览器或Node.js版本来解决这个问题。 如果你不能升级浏览器或...
评论 7
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值