不擅長(zhǎng)說一些官方話案铺,就分步驟理一理思路欢揖,方便以后查閱。
1倘屹、首先怎么碰到這個(gè)問題的谢翎。
? ? 我們要做一個(gè)企業(yè)微信站的工具網(wǎng)站檐嚣,vue框架蹲嚣。完事上線后赚瘦,頁面白屏,看不到網(wǎng)站內(nèi)容寺谤。
2、想了那些方案解決吮播?
? ? 首先我們猜想是項(xiàng)目本身的語法用錯(cuò)了变屁,或者變量引用錯(cuò)誤。因?yàn)槠髽I(yè)微信沒有調(diào)試工具(微信開發(fā)工具沒有測(cè)試成功)意狠,對(duì)于開發(fā)人員真是個(gè)噩夢(mèng)粟关,就放棄了。這時(shí)候我在企業(yè)微信上查到windows用的內(nèi)核是Chromium框架53环戈,我認(rèn)為知識(shí)點(diǎn)來了闷板,為什么呢,后來我們用別的瀏覽器也是這個(gè)內(nèi)核來復(fù)現(xiàn)問題(后來也如愿以償)院塞,我們找到了兩個(gè)報(bào)錯(cuò)遮晚。一個(gè)報(bào)錯(cuò)是因?yàn)橐昧藙e家的API,這個(gè)不做闡述拦止。第二個(gè)問題是 async Error:Unexpected token function.
3县遣、這也是這么多廢話的核心內(nèi)容,我們?nèi)绾谓鉀Q
? ? 我們?cè)赒Q瀏覽器的9.0版本里打開后汹族,控制臺(tái)里點(diǎn)擊報(bào)錯(cuò)信息萧求,信息大致內(nèi)容為:函數(shù)有理解不了的標(biāo)記,而我們認(rèn)為這個(gè)標(biāo)記是打包完的文件里有async顶瞒。我們另一個(gè)疑問就來了夸政,為什么打完包的文件里會(huì)有async,是否是webpack轉(zhuǎn)es5語法有問題榴徐?而后找了很多資料守问,另一個(gè)知識(shí)點(diǎn)來了,babel-preset-es2015只能夠es6轉(zhuǎn)es5坑资,而像es7及以上并不能處理酪碘,解決方案最后定位在換成babel-present-env。解決了這個(gè)白屏問題盐茎。
4兴垦、本文章原意是記錄bug,不喜勿噴。