本文介绍了浏览器不支持ES2020的问题，提供了升级浏览器、在HTML头部添加临时代码以及在Vite项目中使用@vitejs/plugin-legacy插件的详细步骤，帮助开发者应对现代浏览器兼容性挑战。
问题引发原因: 浏览器不支持 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'
}
})
扫一扫
4840
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
