具體描述:vue項目,npm run build時點擊路由切換,第一次點擊沒問題,再點不會切換報錯以下圖vue
緣由分析:vue-router配置路由,當代碼分割和懶加載時,因爲webpack配置不當,致使懶加載chunk時相對路徑出現混亂從而加載chunk失敗。-----路徑配置以下圖webpack
以上路由配置,舉例systemManage說明報錯點web
編譯以後,路徑分別爲 vue-router
/system/auth npm
/system/roleui
/system/menuurl
/system/grouprouter
切換到任何其餘目錄均報錯,沒法查看到將要加載的路徑blog
以上多是 靜態資源根路徑未指定,相對路徑相對於當前url目錄致使資源
解決方法:修改webpack.config.js (自身項目因爲將config配置提取出位置稍許有些不一樣)的靜態資源根路徑
以上修改後,路徑切換正常