vue+webpack項目，停留一段時間報錯 · 整理

https://segmentfault.com/a/1190000016919340 **問題1解決方法:捕獲路由報錯. (思路來源:[https://segmentfault.com/a/11...](https://segmentfault.com/a/1190000016382323))** ~~~ routers.onError((err) => { const pattern = /Loading chunk (\d)+ failed/g; const isChunkLoadFailed = err.message.match(pattern); if (isChunkLoadFailed) { let chunkBool = sessionStorage.getItem('chunkError'); let nowTimes = Date.now(); if (chunkBool === null || chunkBool && nowTimes - parseInt(chunkBool) > 60000) {//路由跳轉報錯,href手動跳轉 sessionStorage.setItem('chunkError', 'reload'); const targetPath = routers.history.pending.fullPath; window.location.href = window.location.origin + targetPath; }else if(chunkBool === 'reload'){ //手動跳轉后依然報錯,強制刷新 sessionStorage.setItem('chunkError', Date.now()); window.location.reload(true); } } }) ~~~ **問題2解決方法: 經過問題排查發現,vue-cli默認build后的文件名格式為`js/[name].[chunkhash].js`,每次`npm run build`后有改動的文件hash值都會改變,上傳后Nginx無法找到最新上傳的文件,所以返回了默認`index.html`里的內容,我們的文件后綴名是`.js`自然無法識別`<html>`這種標簽符號,導致console拋出`Uncaught SyntaxError:Unexpected token <`,我嘗試修改`build/webpack.prod.conf.js`output輸出文件名格式,目前問題已得到解決** ![](https://box.kancloud.cn/12750a54c3ef77786830ade9aea47928_680x132.png)