记一次es6睁开运算符（...）欣赏器兼容题目

程序员 · 2024-9-19 10:19:43

bug配景

一个vue2项目，在多部手机测试都ok，唯独一部vivo手机上（Android版本为7.1.2）打开首页是白屏；

定位缘故原由

由于是我新加了一个页面后导致的题目，起首想到的就是我的代码有兼容题目；
1）通过vconsole看到错误信息是打包后的某个chunk文件加载失败。（如图1）

2）通过该chunk文件找到源文件，推测是用了一些es6的语法导致的，通过看打包后的代码验证了推测（如图2），由于打包后async和睁开运算符仍然存在，那就是babel没有对其举行Polyfill

那接下来就是看为啥没转译；
3）通过userAgent检察一下欣赏器版本，发现Chrome版本是55，emmmm...有点低；（如图3）

4）通过MDN检察async和睁开运算符的欣赏器支持情况（如图4），async/await，是刚好踩着合格线，支持到55，pass

再来看睁开运算符（如图5）
看红色框里，也没题目，到46版本呢；
然而。。
往下面一看，绿色部门才是题目所在，我恰恰用的就是对象睁开。。。，而对象睁开是从60版本后才支持，大于测试机的55版本；定位到题目，那就开始办理

办理题目

1）起首通过项目根目次下实验npx browserslist ，检察筛选后兼容的欣赏器（如图6）

由.browserslistrc设置文件可知，确实没兼容到Chrome 55版本
以是，更改该文件
> 1%last 2 versionsnot deadChrome > 55打包摆设，完善办理！

记一次es6睁开运算符（...）欣赏器兼容题目

所属分类: 问答交流

新帖推荐: 30日

推荐作品