npm?run?dev失敗的簡單解決辦法
記錄學習TS和Vue過程中遇到的問題及解決辦法
下載好相關依賴包后,每次npm run dev時,都會出現(xiàn)以下問題:

輸入yes進行下載,但是不會下載成功。輸入NO則會直接結(jié)束,不會執(zhí)行。

于是我根據(jù)yes之后的報錯信息,去到log里面查看

嗯,看了半天沒看懂!
于是我就查看依賴包的版本號是否有問題,版本號如下:

于是根據(jù)版本號再到處收集相關信息,終于找到問題了!
我們報錯的提示是webpack-cli這個包出現(xiàn)了問題,問你是否重裝啥的,那我們就對這個包的版本號進行一個查詢,結(jié)果就查到了。我裝的是webpack-cli@4.1.0版本,于是我升級到了webpack-cli@4.2.0。至于為什么,應該是老版本不兼容吧,導致出現(xiàn)了這樣一個BUG。輸入npm install -D webpack-cli@4.2.0運行就可以了。然后再npm run dev發(fā)現(xiàn)可以了,不會再報這個錯了!
但是,又報了其他錯誤。這個錯誤很簡單,就是自己的node_modules文件夾里的東西出現(xiàn)問題。這個很容易就解決了。
解決辦法:
將node_modules文件夾刪除掉,然后輸入npm install下載安裝依賴包,各版本號如下:

最后輸入npm run dev運行就可以了!紅線位置,就是訪問頁面的地址。

總結(jié)
到此這篇關于npm run dev失敗的詳細解決辦法的文章就介紹到這了,更多相關npm run dev失敗解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
vue項目刷新當前頁面的三種方式(重載當前頁面數(shù)據(jù))
這篇文章主要介紹了vue項目刷新當前頁面的三種方式(重載當前頁面數(shù)據(jù)),本文結(jié)合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-01-01
Vue實現(xiàn)網(wǎng)頁轉(zhuǎn)PDF方法流程詳解
在日常的工作中,有時候會碰到需要將某個網(wǎng)址網(wǎng)頁保存成為pdf的情況,這篇文章主要介紹了用Vue實現(xiàn)網(wǎng)頁轉(zhuǎn)PDF的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-08-08
Vue.set()動態(tài)的新增與修改數(shù)據(jù),觸發(fā)視圖更新的方法
今天小編就為大家分享一篇Vue.set()動態(tài)的新增與修改數(shù)據(jù),觸發(fā)視圖更新的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
如何利用Vue3+Element?Plus實現(xiàn)動態(tài)標簽頁及右鍵菜單
標簽頁一般配合菜單實現(xiàn),當你點擊一級菜單或者二級菜單時,可以增加對應的標簽頁,當你點擊對應的標簽頁,可以觸發(fā)對應的一級菜單或者二級菜單,下面這篇文章主要給大家介紹了關于如何利用Vue3+Element?Plus實現(xiàn)動態(tài)標簽頁及右鍵菜單的相關資料,需要的朋友可以參考下2022-11-11
vue cli4中mockjs在dev環(huán)境和build環(huán)境的配置詳情
這篇文章主要介紹了vue cli4中mockjs在dev環(huán)境和build環(huán)境的配置詳情,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04

