欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁(yè)面cannot GET/問(wèn)題

 更新時(shí)間:2020年04月26日 10:50:46   作者:jmin_coming  
這篇文章主要介紹了詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁(yè)面cannot GET/問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

1.問(wèn)題描述

最近用vue-cli搭建了一個(gè)小項(xiàng)目,其中在對(duì)項(xiàng)目進(jìn)行打包測(cè)試時(shí)修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出現(xiàn)如下的情況:

1.瀏覽器中無(wú)法呈現(xiàn)已有頁(yè)面,并且在瀏覽器控制臺(tái)中報(bào)404錯(cuò)誤


2.命令窗口中并沒(méi)有報(bào)錯(cuò)


其中有人說(shuō)是路由等問(wèn)題,后來(lái)通過(guò)創(chuàng)建新的項(xiàng)目對(duì)比配置文件信息,發(fā)現(xiàn)是配置信息導(dǎo)致:


注釋部分是打包時(shí)需要修改的地方(根據(jù)打包時(shí)網(wǎng)站根目錄,這個(gè)沒(méi)處理好可能會(huì)出現(xiàn)圖片路徑加載失敗問(wèn)題),而上面才是在開(kāi)發(fā)環(huán)境下需要的配置信息(怪自己沒(méi)留意,坑了自己),之后就可以正常跑了...

由于有多個(gè)網(wǎng)友反映并沒(méi)有修改上面的publicPath,但是執(zhí)行run命令之后還會(huì)出現(xiàn)上述情況,追其原因是除此之外還修改了config目錄下的assetsPublicPath路徑,將其還原為你自己打包前的路徑即可.

2017.8.29

最近又有網(wǎng)友說(shuō)到這個(gè)問(wèn)題,按照以上說(shuō)的方面檢查了一下,還是出現(xiàn)了這個(gè)問(wèn)題,查了一下出現(xiàn)這個(gè)問(wèn)題的原因還可能跟node的版本還有npm版本相關(guān),所以要把node升級(jí)較高版本,vue-cli要基于3.0以上的版本支持。

那么這時(shí)候如果升級(jí)了node或者npm,那么就可能出現(xiàn)npm 報(bào)錯(cuò)問(wèn)題,那么可以嘗試刪除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

2017.8.30

今天又發(fā)現(xiàn)了關(guān)于這個(gè)問(wèn)題的一個(gè)原因,是由于創(chuàng)建項(xiàng)目的時(shí)候用了ESLint語(yǔ)法檢測(cè),所以一點(diǎn)語(yǔ)法規(guī)范都會(huì)造成找不到頁(yè)面,并且這些錯(cuò)誤是在控制臺(tái)是可以找到的。

如有新方法,將會(huì)繼續(xù)更新!!!

到此這篇關(guān)于詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁(yè)面cannot GET/問(wèn)題的文章就介紹到這了,更多相關(guān)vue執(zhí)行npm run dev出現(xiàn)頁(yè)面cannot GET/內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue router 源碼概覽案例分析

    vue router 源碼概覽案例分析

    這篇文章主要介紹了vue router 源碼概覽的案例分析,本文通過(guò)實(shí)例代碼案例分析給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-10-10
  • vue3自定義dialog、modal組件的方法

    vue3自定義dialog、modal組件的方法

    這篇文章主要介紹了vue3自定義dialog、modal組件的方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-01-01
  • Intellij IDEA搭建vue-cli項(xiàng)目的方法步驟

    Intellij IDEA搭建vue-cli項(xiàng)目的方法步驟

    這篇文章主要介紹了Intellij IDEA搭建vue-cli項(xiàng)目的方法步驟,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-10-10
  • Vue3使用video-player實(shí)現(xiàn)視頻播放

    Vue3使用video-player實(shí)現(xiàn)視頻播放

    video-player是一個(gè)基于video.js的視頻播放器組件,本文主要介紹了Vue3使用video-player實(shí)現(xiàn)視頻播放,具有一定的參考價(jià)值,感興趣的可以了解一下
    2024-01-01
  • vue+iview實(shí)現(xiàn)分頁(yè)及查詢功能

    vue+iview實(shí)現(xiàn)分頁(yè)及查詢功能

    這篇文章主要為大家詳細(xì)介紹了vue+iview實(shí)現(xiàn)分頁(yè)及查詢功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • vue強(qiáng)制刷新組件的三種方法

    vue強(qiáng)制刷新組件的三種方法

    在Vue中,強(qiáng)制刷新組件通常涉及到以下幾種方法,本文給大家列出了常見(jiàn)的三種vue強(qiáng)制刷新組件的方法,感興趣的朋友跟隨小編一起看看吧
    2024-04-04
  • 在Vue.js中加載字體的正確方法

    在Vue.js中加載字體的正確方法

    這篇文章主要介紹了在Vue.js中加載字體的正確方法,本文通過(guò)實(shí)例圖文相結(jié)合給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-04-04
  • Vue的props父?jìng)髯拥氖纠a

    Vue的props父?jìng)髯拥氖纠a

    這篇文章主要介紹了Vue的props父?jìng)髯拥氖纠a,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-05
  • vue項(xiàng)目上傳Github預(yù)覽的實(shí)現(xiàn)示例

    vue項(xiàng)目上傳Github預(yù)覽的實(shí)現(xiàn)示例

    這篇文章主要介紹了vue項(xiàng)目上傳Github預(yù)覽的實(shí)現(xiàn)示例,在完成Vue項(xiàng)目以后,在上傳到github并實(shí)現(xiàn)預(yù)覽
    2018-11-11
  • vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問(wèn)的操作

    vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問(wèn)的操作

    這篇文章主要介紹了vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問(wèn)的操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-10-10

最新評(píng)論