vue3+vite 移动端低版本白屏_vite兼容移动端浏览器

作者：IT小白 | 2024-03-17 23:34:04

踩

vite兼容移动端浏览器

今天遇到一个问题，使用vue3+vite构建的项目，在安卓9的手机上白屏。

需要让 vite 兼容低版本浏览器


npm i -D @vitejs/plugin-legacy
or 
yarn add -D @vitejs/plugin-legacy

修改 vite.config.ts


plugins: [
    ..., // 省略其他代码
    legacy({targets: ['defaults', 'not IE 11']})
],
build: {
    target: 'es2015',
}

这么修改后，理论上就生效了。

但我遇到的实际情况是开发环境无效，打包后部署到生产环境有效。总的来说是解决了生产问题。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/258741