快捷導(dǎo)航

解決vue打包后刷新頁(yè)面報(bào)錯(cuò)：Unexpected token <

更新時(shí)間：2019年08月27日 15:17:26 作者：喜歡安靜的時(shí)空

這篇文章主要介紹了解決vue打包后刷新頁(yè)面報(bào)錯(cuò)：Unexpected token <相關(guān)知識(shí)點(diǎn)，需要的朋友們參考下。

前言

今天遇到了一個(gè)很怪的問(wèn)題，在vue-cli+webpack的項(xiàng)目中，刷新特定頁(yè)面后頁(yè)面會(huì)變空白，報(bào)錯(cuò)為index.html文件中Unexpected token <。

怪點(diǎn)一是開(kāi)發(fā)環(huán)境沒(méi)有問(wèn)題，只有生產(chǎn)環(huán)境有問(wèn)題，怪點(diǎn)二是只有一個(gè)頁(yè)面有問(wèn)題，其他頁(yè)面完全正常

正文

報(bào)錯(cuò)截圖：

根據(jù)上面的情況和以往經(jīng)驗(yàn)，應(yīng)該在index.html頁(yè)面及發(fā)生錯(cuò)誤的頁(yè)面定位問(wèn)題，但均解決不了問(wèn)題。

最后找到此項(xiàng)目的路由處，經(jīng)過(guò)多次測(cè)試，解決問(wèn)題，也確定了問(wèn)題原由，原來(lái)是：路由中path的值不能以小寫(xiě)m開(kāi)頭，否則就會(huì)報(bào)上面的錯(cuò)誤。

在此寫(xiě)下報(bào)錯(cuò)環(huán)境及條件：

vue版本：2.5.2

vue-router：3.0.1

webpack：3.6.0

生產(chǎn)環(huán)境（npm run build 已放入服務(wù)器）

頁(yè)面路由的path以/m開(kāi)頭

以上就是全部解決方法，感謝大家的閱讀和對(duì)腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

解讀element?el-upload上傳的附件名稱(chēng)不顯示?file-list賦值
這篇文章主要介紹了解讀element?el-upload上傳的附件名稱(chēng)不顯示?file-list賦值問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10
手把手教你用vue3開(kāi)發(fā)一個(gè)打磚塊小游戲
這篇文章主要給大家介紹了關(guān)于如何利用vue3開(kāi)發(fā)一個(gè)打磚塊小游戲的相關(guān)資料,通過(guò)一個(gè)小游戲?qū)嵗梢钥焖倭私鈜ue3開(kāi)發(fā)小游戲的流程,需要的朋友可以參考下
2021-07-07
Vue中使用vue2-perfect-scrollbar制作滾動(dòng)條
這篇文章主要介紹了Vue中使用vue2-perfect-scrollbar滾動(dòng)條,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-06-06
Vue動(dòng)態(tài)權(quán)限登錄實(shí)現(xiàn)(基于路由與角色)
很多應(yīng)用都會(huì)需要對(duì)不同的用戶(hù)進(jìn)行權(quán)限控制，本文主要介紹了Vue動(dòng)態(tài)權(quán)限登錄實(shí)現(xiàn)(基于路由與角色)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-05-05
VUE安裝依賴(lài)時(shí)報(bào)錯(cuò):npm ERR! code ERESOLVE的解決
在使用npm安裝項(xiàng)目依賴(lài)時(shí),有時(shí)會(huì)遇到錯(cuò)誤信息 “npm ERR! code ERESOLVE”,本文就來(lái)介紹一下VUE安裝依賴(lài)時(shí)報(bào)錯(cuò)的解決,具有一定的參考價(jià)值,感興趣的可以了解一下
2023-10-10
vue實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)按鈕
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)按鈕，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
vue實(shí)現(xiàn)zip文件下載
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)zip文件下載，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
Vue 數(shù)據(jù)響應(yīng)式相關(guān)總結(jié)
這篇文章主要介紹了Vue 數(shù)據(jù)響應(yīng)式的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)vue框架的使用，感興趣的朋友可以了解下
2021-01-01
vue項(xiàng)目接入高德地圖點(diǎn)擊地圖獲取經(jīng)緯度以及省市區(qū)功能
這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目接入高德地圖點(diǎn)擊地圖獲取經(jīng)緯度以及省市區(qū)功能的相關(guān)資料,開(kāi)發(fā)中我們需要地圖定位,就是用戶(hù)輸入位置,自動(dòng)定位獲取經(jīng)緯度,需要的朋友可以參考下
2023-08-08
vue element后臺(tái)鑒權(quán)流程分析
這篇文章主要介紹了vue element后臺(tái)鑒權(quán)流程分析,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-04-04