解决 Vue3.0 globalThis is note defined

vue

vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。

项目地址：https://gitcode.com/gh_mirrors/vu/vue

免费下载资源

默默修炼

3555人浏览 · 2022-05-31 10:01:00

默默修炼 · 2022-05-31 10:01:00 发布

问题引发原因: 浏览器不支持 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'
	}
})

GitHub 加速计划 / vu / vue

104

下载

vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。

最近提交(Master分支：1 个月前 )

9e887079 [skip ci] 1 年前

73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前

GitCode 开源社区

新一代开源开发者平台 GitCode，通过集成代码托管服务、代码仓库以及可信赖的开源组件库，让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐