npm?run?dev失敗的簡(jiǎn)單解決辦法
記錄學(xué)習(xí)TS和Vue過(guò)程中遇到的問(wèn)題及解決辦法
下載好相關(guān)依賴(lài)包后，每次npm run dev時(shí)，都會(huì)出現(xiàn)以下問(wèn)題：
輸入yes進(jìn)行下載，但是不會(huì)下載成功。輸入NO則會(huì)直接結(jié)束，不會(huì)執(zhí)行。
于是我根據(jù)yes之后的報(bào)錯(cuò)信息，去到log里面查看
嗯，看了半天沒(méi)看懂！
于是我就查看依賴(lài)包的版本號(hào)是否有問(wèn)題，版本號(hào)如下：
于是根據(jù)版本號(hào)再到處收集相關(guān)信息，終于找到問(wèn)題了！
我們報(bào)錯(cuò)的提示是webpack-cli這個(gè)包出現(xiàn)了問(wèn)題，問(wèn)你是否重裝啥的，那我們就對(duì)這個(gè)包的版本號(hào)進(jìn)行一個(gè)查詢(xún)，結(jié)果就查到了。我裝的是webpack-cli@4.1.0版本，于是我升級(jí)到了webpack-cli@4.2.0。至于為什么，應(yīng)該是老版本不兼容吧，導(dǎo)致出現(xiàn)了這樣一個(gè)BUG。輸入npm install -D webpack-cli@4.2.0運(yùn)行就可以了。然后再npm run dev發(fā)現(xiàn)可以了，不會(huì)再報(bào)這個(gè)錯(cuò)了！
但是，又報(bào)了其他錯(cuò)誤。這個(gè)錯(cuò)誤很簡(jiǎn)單，就是自己的node_modules文件夾里的東西出現(xiàn)問(wèn)題。這個(gè)很容易就解決了。
解決辦法：
將node_modules文件夾刪除掉，然后輸入npm install下載安裝依賴(lài)包,各版本號(hào)如下：
最后輸入npm run dev運(yùn)行就可以了！紅線位置，就是訪問(wèn)頁(yè)面的地址。
總結(jié)
到此這篇關(guān)于npm run dev失敗的詳細(xì)解決辦法的文章就介紹到這了,更多相關(guān)npm run dev失敗解決內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue項(xiàng)目刷新當(dāng)前頁(yè)面的三種方式(重載當(dāng)前頁(yè)面數(shù)據(jù))
這篇文章主要介紹了vue項(xiàng)目刷新當(dāng)前頁(yè)面的三種方式(重載當(dāng)前頁(yè)面數(shù)據(jù)),本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-01-01
Vue實(shí)現(xiàn)網(wǎng)頁(yè)轉(zhuǎn)PDF方法流程詳解
在日常的工作中，有時(shí)候會(huì)碰到需要將某個(gè)網(wǎng)址網(wǎng)頁(yè)保存成為pdf的情況，這篇文章主要介紹了用Vue實(shí)現(xiàn)網(wǎng)頁(yè)轉(zhuǎn)PDF的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要介紹了Vue組件之作用域插槽，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11
vue.js2.0點(diǎn)擊獲取自己的屬性和jquery方法
下面小編就為大家分享一篇vue.js2.0點(diǎn)擊獲取自己的屬性和jquery方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
基于vue cli重構(gòu)多頁(yè)面腳手架過(guò)程詳解
本文分步驟給大家介紹了基于vue cli重構(gòu)多頁(yè)面腳手架過(guò)程，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2018-01-01
Vue實(shí)現(xiàn)圓環(huán)進(jìn)度條的示例
這篇文章主要介紹了Vue實(shí)現(xiàn)圓環(huán)進(jìn)度條的示例，幫助大家更好的理解和使用前端框架進(jìn)行開(kāi)發(fā)，感興趣的朋友可以了解下2021-02-02
Vue.set()動(dòng)態(tài)的新增與修改數(shù)據(jù),觸發(fā)視圖更新的方法
今天小編就為大家分享一篇Vue.set()動(dòng)態(tài)的新增與修改數(shù)據(jù),觸發(fā)視圖更新的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
如何利用Vue3+Element?Plus實(shí)現(xiàn)動(dòng)態(tài)標(biāo)簽頁(yè)及右鍵菜單
標(biāo)簽頁(yè)一般配合菜單實(shí)現(xiàn),當(dāng)你點(diǎn)擊一級(jí)菜單或者二級(jí)菜單時(shí),可以增加對(duì)應(yīng)的標(biāo)簽頁(yè),當(dāng)你點(diǎn)擊對(duì)應(yīng)的標(biāo)簽頁(yè),可以觸發(fā)對(duì)應(yīng)的一級(jí)菜單或者二級(jí)菜單,下面這篇文章主要給大家介紹了關(guān)于如何利用Vue3+Element?Plus實(shí)現(xiàn)動(dòng)態(tài)標(biāo)簽頁(yè)及右鍵菜單的相關(guān)資料,需要的朋友可以參考下2022-11-11
vue cli4中mockjs在dev環(huán)境和build環(huán)境的配置詳情
這篇文章主要介紹了vue cli4中mockjs在dev環(huán)境和build環(huán)境的配置詳情，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue如何使用rem適配，幫助大家處理vue開(kāi)發(fā)移動(dòng)應(yīng)用時(shí)的兼容性問(wèn)題，感興趣的朋友可以了解下2021-02-02