Vue 3 + Vite 4 移动端低版本白屏处理

2023-12-18 15:56:45

vue3打包后在低版本浏览器或webview中出现白屏，原因就是因为语法兼容问题。根据vite官方文档描述，build.target 默认支持 Chrome >=87、Firefox >=78、Safari >=14、Edge >=88 传送，所以需要我们手动兼容低版本。

方法：

// vite.config.js
import legacy from '@vitejs/plugin-legacy'

build: {
   target: ['ios11', 'Chrome 64']
},
plugins: [
   legacy({
     targets: ['Chrome 64'],
     modernPolyfills: true,
   })
],

文章来源:https://blog.csdn.net/cc18868876837/article/details/135062208
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。