本文主要是介绍Vue3 + Typescript 兼容低版本 Chrome,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
最近新开一个项目,使用了最新的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的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!