问题描述:当vue3项目打包上线后,最新版本的谷歌浏览器可以正常访问项目,但是低版本的谷歌浏览器打开页面后是空白页,控制台会有报错。
解决方案如下:
一、vue/cli搭建的vue3项目
找到项目中的.browserslistrc文件,增加一行
chorme >48
二、vite搭建的vue3项目
1.安装插件
cnpm i @vitejs/plugin-legacy terser -D
2.在vite.config.js中配置
//引入
import legacy from "@vitejs/plugin-legacy"
//在plugins中添加
plugins:[
...
legacy({
targets:['chrome 52']
})
]