最近新开一个项目,使用了最新的Vue3和Typescript,但发现在客户浏览器中白屏(空页面),得知他们使用的浏览器版本居然是Chrome 49,但客户太多,根本无法要求他们统一更换新版本的浏览器,只能考虑适配这种低版本的浏览器。
一般这种情况都需要通过Babel去做转换,我们是Vue3 Cli项目,实际上Vue项目在创建时就引入的Babel,直接使用即可
修改浏览器兼容列表配置(.browserslistrc)
项目根目录下有一个.browserslistrc文件,打开,通过井号注释掉原先的内容,改为:
# 最低兼容 chrome 48
chrome >48
修改Vue配置
我们的项目所依赖的npm包实际上也可能需要转意,因此修改为:
module.exports = {
// 表示babel在翻译时一起把node_mod
本文介绍如何解决Vue3+Typescript项目在Chrome 49等低版本浏览器中出现白屏的问题。通过修改.browserslistrc配置、调整Vue配置以及修改main.js,实现了对旧版Chrome的兼容,无需用户升级浏览器。
最低0.47元/天 解锁文章
2640

被折叠的 条评论
为什么被折叠?



