歡迎您光臨本站 註冊首頁

詳解vuejs中執行npm run dev出現頁面cannot GET/問題

←手機掃碼閱讀     火星人 @ 2020-04-26 , reply:0

這篇文章主要介紹了詳解vuejs中執行npm run dev出現頁面cannot GET/問題,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

1.問題描述

最近用vue-cli搭建了一個小項目,其中在對項目進行打包測試時修改了webpack.base.conf.js中的配置信息,之後再用npm run dev之後出現如下的情況:

1.瀏覽器中無法呈現已有頁面,並且在瀏覽器控制檯中報404錯誤

2.命令窗口中並沒有報錯

其中有人說是路由等問題,後來通過創建新的項目對比配置文件信息,發現是配置信息導致:

註釋部分是打包時需要修改的地方(根據打包時網站根目錄,這個沒處理好可能會出現圖片路徑加載失敗問題),而上面才是在開發環境下需要的配置信息(怪自己沒留意,坑了自己),之後就可以正常跑了...

由於有多個網友反映並沒有修改上面的publicPath,但是執行run命令之後還會出現上述情況,追其原因是除此之外還修改了config目錄下的assetsPublicPath路徑,將其還原為你自己打包前的路徑即可.


最近又有網友說到這個問題,按照以上說的方面檢查了一下,還是出現了這個問題,查了一下出現這個問題的原因還可能跟node的版本還有npm版本相關,所以要把node升級較高版本,vue-cli要基於3.0以上的版本支持。

那麼這時候如果升級了node或者npm,那麼就可能出現npm 報錯問題,那麼可以嘗試刪除npm重新安裝

鏈接:http://www.howtobuildsoftware.com/index.php/how-do/bYRH/nodejs-npm-npm-doesnt-work-get-always-this-error-error-cannot-find-module-are-we-there-yet


[火星人 ] 詳解vuejs中執行npm run dev出現頁面cannot GET/問題已經有370次圍觀

http://coctec.com/docs/vue-js/show-post-231722.html