vue/cli或者vite脚手架搭建的vue3项目兼容低版本谷歌浏览器

问题描述:当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']
    })
]

你可能感兴趣的:(vue.js,前端,javascript)