解决 Vue3.0 globalThis is note defined

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

以下兼容性表

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

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

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

其他场景 : vite打包 vue3.0

修改vite.config.js
添加插件@vitejs/plugin-legacy

import legacy from '@vitejs/plugin-legacy'export default defineConfig({plugins: [legacy({targets: ['Chrome 63'],additionalLegacyPolyfills: ['regenerator-runtime/runtime'],modernPolyfills: true})],build:{target:'es2015'}
})

解决 Vue3.0 globalThis is note defined相关推荐

cli3解决 ie11语法错误 vue_【VUE3.0】它来了，2020年09月18日，Vue.js 3.0 正式发布，但是........
您曾见过凌晨的苹果发布会,那前端界的发布会你见过吗? 在Vue3正式发布前,Vue的作者尤雨溪发表主题演讲. 注意! 注意! 注意! 发布会中表示不建议大家立刻升级到Vue3.0版本,之前项目中某些依 ...
vue3.0中找不到组件或者找不到对应的类型声明。怎么解决
vue3.0中找不到组件或者找不到对应的类型声明如何解决? 这里报错 .报错原因报错就是ts影响找不到组件模块或者找不到对应的类型声明 typescript 只能理解 .ts 文件,无法理解 . ...
解决在QQ浏览器端 globalThis is not defined 报错
错误内容: react项目在运行时,在Chrome上运行正常,但在QQ浏览器上页面内容空白,并且在控制台报jsonp chunk loading:42 Uncaught ReferenceError: ...
Node+Vue3.0+Mongodb实现完美解决高并发的购物平台管理系统
文章目录前言一.使用Node+Express创建服务,利用EXpress路由进行模块划分? 1.引入Express搭建服务 2.利用路由进行后端模块划分二.连接数据库 1.引入mongoose插 ...
前端开发：Vue3.0提示警告Avoid app logic that relies on enumerating keys on a component instance… 的解决方法
前言在前端开发中使用Vue的开发者都知道,Vue目前已经以Vue3.0为基础版本了,也就是说Vue3.0已经成为主流版本了.还在只用Vue2.0开发没有使用Vue3.0的开发者要注意了,要赶紧熟悉和 ...
Vue3.0报错：The component has been registered but not used vue/no-unused-components，关闭eslint
背景当创建项目时选择了 eslint ,那么当存在定义而未使用的组件,或存在定义而未使用的变量时,会报错.. Note: 我用的是 Vue3.0 . 原因分析即 eslint 默认规则导致了不必要 ...
[Vue]学习笔记目录【Vue2与Vue3完结】 (尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通)
文章目录前言遇见的问题及其解决方案之前笔记 Vue2 Vue3 前言本笔记根据如下笔记和视频进行整理老师的课件笔记,不含视频 https://www.aliyundrive.com/s/B8 ...
vue3.0 先遣学习
vue3.0 中文预览地址 vue3.0 github地址怎么使用vue-cli生成vue3.0的项目? 安装vue-cli v4.5以上版本 npm install -g @vue/cli vue ...
Vue3.0 组合式 API 分析与实践
本文带大家深入理解组合式 API 的设计详情,同时加入我们的实践经验总结. 01 背景 Vue3.x 版本的出现带来了许多令人眼前一亮的新特性,其中组合式 API(Composition API),一 ...

解决 Vue3.0 globalThis is note defined

解决 Vue3.0 globalThis is note defined相关推荐

最新文章

热门文章