一、排查具體過(guò)程
使用sentry監(jiān)控vue項(xiàng)目發(fā)現(xiàn)挺多Uncaught SyntaxError: Unexpected token =>報(bào)錯(cuò)，出現(xiàn)這個(gè)報(bào)錯(cuò)，第一反應(yīng)就是手機(jī)兼容性問(wèn)題，也就是出現(xiàn)了箭頭函數(shù)，而低版本瀏覽器不能夠識(shí)別，導(dǎo)致這樣的報(bào)錯(cuò)。進(jìn)入sentry查看詳細(xì)信息，沒(méi)有找到出現(xiàn)該錯(cuò)誤對(duì)應(yīng)的代碼，但是發(fā)現(xiàn)了一個(gè)規(guī)律就是都是vivo手機(jī)，且瀏覽器版本都是Chrome Mobile 38.0.2125；
因此，隱約感覺(jué)到用戶(hù)使用的是vivo自帶的原生瀏覽器訪(fǎng)問(wèn)（如果是微信或者QQ內(nèi)置瀏覽器不可能這么湊巧都是vivo手機(jī)且瀏覽器版本一致），后來(lái)通過(guò)驗(yàn)證，果然是使用vivo自帶的原生瀏覽器（原裝未升級(jí)，升級(jí)了的可以做降級(jí)處理，之前不知道可以降級(jí)還特意下載Chrome Mobile 38.0.2125，但是貌似現(xiàn)在的手機(jī)系統(tǒng)不支持使用該版本的谷歌瀏覽器，所以才查到可以降級(jí)原生瀏覽器）訪(fǎng)問(wèn)導(dǎo)致這個(gè)報(bào)錯(cuò)。因此借來(lái)列表中的一部手機(jī)vivo Y66i A調(diào)試，發(fā)現(xiàn) 不支持chrome://inspect/#devices，因此換用spy-debugger，但是還是找不到該報(bào)錯(cuò)對(duì)應(yīng)的代碼且網(wǎng)絡(luò)中沒(méi)有發(fā)現(xiàn)第三方注入的腳本，后來(lái)為了驗(yàn)證該瀏覽器確實(shí)不支持ES6，在另一個(gè)jquery項(xiàng)目中寫(xiě)
let a;
a=1;
發(fā)現(xiàn)它確實(shí)不支持，并提示
除了提示Uncaught SyntaxError: Unexpected identifier，它還提示了
Uncaught SyntaxError: Unexpected token =>及Uncaught ReferenceError: processRandomSelector is not defined， 而這個(gè)項(xiàng)目我根本沒(méi)有使用ES語(yǔ)法且沒(méi)有使用processRandomSelector ，因此答案一下就浮出水面了，就是Uncaught SyntaxError: Unexpected token =>是vivo原生瀏覽器本身的問(wèn)題，跟你的項(xiàng)目沒(méi)有任何關(guān)系。。。其實(shí)如果你足夠聰明的話(huà)，可以猜測(cè)到這個(gè)答案（因?yàn)橹挥衯ivo手機(jī)的Chrome Mobile 38.0.2125才出現(xiàn)這個(gè)報(bào)錯(cuò)）并通過(guò)訪(fǎng)問(wèn)沒(méi)有使用ES6語(yǔ)法且簡(jiǎn)單的項(xiàng)目進(jìn)行驗(yàn)證；
二、遇到的額外問(wèn)題
另：今天在查找Uncaught SyntaxError: Unexpected token =>的原因的時(shí)候，還遇到一些一查就知道答案的小問(wèn)題比如：
1、
Uncaught SyntaxError: Use of const in strict mode
2、
@ multi (webpack)-dev-server/client? webpack/hot/dev-server babel-polyfill ./src/main.js
三、總結(jié)
1、有時(shí)候不要完全相信權(quán)威；
國(guó)內(nèi)封裝的瀏覽器有時(shí)候也有問(wèn)題；之前碰到微信雙開(kāi)內(nèi)置瀏覽器 input type=file 時(shí) onchange事件都有問(wèn)題
2、出現(xiàn)問(wèn)題時(shí)，應(yīng)該首先想到排除法；
如果自己的項(xiàng)目有問(wèn)題，那么可以拿正常的項(xiàng)目進(jìn)行測(cè)試訪(fǎng)問(wèn)，如果正常的項(xiàng)目沒(méi)有問(wèn)題，那么說(shuō)明就是自己的項(xiàng)目有問(wèn)題；如果正常的項(xiàng)目也有問(wèn)題，那么可能是瀏覽器本身的問(wèn)題；
3、簡(jiǎn)化產(chǎn)生bug的環(huán)境有時(shí)也很有幫助；
