解決vue打包后刷新頁面報錯：Unexpected token <

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

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

前言

今天遇到了一個很怪的問題，在vue-cli+webpack的項目中，刷新特定頁面后頁面會變空白，報錯為index.html文件中Unexpected token <。

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

正文

報錯截圖：

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

最后找到此項目的路由處，經(jīng)過多次測試，解決問題，也確定了問題原由，原來是：路由中path的值不能以小寫m開頭，否則就會報上面的錯誤。

在此寫下報錯環(huán)境及條件：

vue版本：2.5.2

vue-router：3.0.1

webpack：3.6.0

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

頁面路由的path以/m開頭

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

您可能感興趣的文章:

相關(guān)文章

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