项目在安卓7版本一下手机上,不管是webview还是浏览器访问,页面都是空白。
可以很明确的知道是vue的兼容问题,起初使用常规的babel加垫片,但毫无作用,后来查看vite的插件库,发现
@vitejs/plugin-legacy:为打包后的文件提供传统浏览器兼容性支持
首先安装插件:npm i @vitejs/plugin-legacy -D
然后配置vite.config.js
import legacyPlugin from '@vitejs/plugin-legacy';
export default defineConfig({
plugins: [
legacyPlugin({
targets: ['chrome 52'], // 需要兼容的目标列表,可以设置多个
additionalLegacyPolyfills: ['regenerator-runtime/runtime'], // 面向IE11时需要此插件
}),
]
})
【vite+vue3兼容低版本】打包、运行到浏览器。
新版本浏览器运行正常!旧版本浏览器运行正常!
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- vue.js组件开发
- 前端开发|Vue2.x API 学习
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- vue.js|后端开发学习Vue(一)
- JS|VUE学习笔记[30-46]
- vue.js|Vue为何弃用经典的Ajax,选择自研Axios()
- vue|vue3替代vuex的框架piniajs实例教程
- cmd配置npm仓库镜像报错