项目上线后发现有部分浏览器打开项目是空白页,之前以为是浏览器内核版本太低..因为vue3已经放弃ie11了,就让客户换个浏览器,或者升级浏览器解决,有辣么一天有客户反映谷歌浏览器也有打开白屏的问题了...
后来查询资料跟翻阅官方文档发现vite自身就有这个问题,通过 @vitejs/plugin-legacy 解决了此问题,此插件是vite官方兼容常规浏览器的一个插件
用法:
♾️ javascript 代码://vite.config.js
import legacy from '@vitejs/plugin-legacy'
export default {
plugins: [
vue(),
legacy({
polyfills: ['es.promise.finally', 'es/map', 'es/set'],
modernPolyfills: ['es.promise.finally']
})
]
}
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙