npm?run?dev失敗的簡單解決辦法
記錄學習TS和Vue過程中遇到的問題及解決辦法
下載好相關依賴包后，每次npm run dev時，都會出現(xiàn)以下問題：
輸入yes進行下載，但是不會下載成功。輸入NO則會直接結束，不會執(zhí)行。
于是我根據(jù)yes之后的報錯信息，去到log里面查看
嗯，看了半天沒看懂！
于是我就查看依賴包的版本號是否有問題，版本號如下：
于是根據(jù)版本號再到處收集相關信息，終于找到問題了！
我們報錯的提示是webpack-cli這個包出現(xiàn)了問題，問你是否重裝啥的，那我們就對這個包的版本號進行一個查詢，結果就查到了。我裝的是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運行就可以了！紅線位置，就是訪問頁面的地址。
總結
到此這篇關于npm run dev失敗的詳細解決辦法的文章就介紹到這了,更多相關npm run dev失敗解決內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
vue項目刷新當前頁面的三種方式(重載當前頁面數(shù)據(jù))
這篇文章主要介紹了vue項目刷新當前頁面的三種方式(重載當前頁面數(shù)據(jù)),本文結合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
在日常的工作中，有時候會碰到需要將某個網(wǎng)址網(wǎng)頁保存成為pdf的情況，這篇文章主要介紹了用Vue實現(xiàn)網(wǎng)頁轉PDF的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-08-08
這篇文章主要介紹了Vue組件之作用域插槽，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
下面小編就為大家分享一篇vue.js2.0點擊獲取自己的屬性和jquery方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
本文分步驟給大家介紹了基于vue cli重構多頁面腳手架過程，非常不錯，具有參考借鑒價值，需要的朋友參考下2018-01-01
這篇文章主要介紹了Vue實現(xiàn)圓環(huán)進度條的示例，幫助大家更好的理解和使用前端框架進行開發(fā)，感興趣的朋友可以了解下2021-02-02
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
這篇文章主要介紹了vue如何使用rem適配，幫助大家處理vue開發(fā)移動應用時的兼容性問題，感興趣的朋友可以了解下2021-02-02