npm?run?dev失敗的簡單解決辦法

更新時間：2022年07月15日 10:15:00 作者：W~J~L

最近工作中遇到了npm?run?dev報錯這個問題,通過查找相關資料最終解決了,所以下面這篇文章主要給大家介紹了關于npm?run?dev失敗的詳細解決辦法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

記錄學習TS和Vue過程中遇到的問題及解決辦法

下載好相關依賴包后，每次npm run dev時，都會出現以下問題：

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

于是我根據yes之后的報錯信息，去到log里面查看

嗯，看了半天沒看懂！

于是我就查看依賴包的版本號是否有問題，版本號如下：

于是根據版本號再到處收集相關信息，終于找到問題了！

我們報錯的提示是webpack-cli這個包出現了問題，問你是否重裝啥的，那我們就對這個包的版本號進行一個查詢，結果就查到了。我裝的是webpack-cli@4.1.0版本，于是我升級到了webpack-cli@4.2.0。至于為什么，應該是老版本不兼容吧，導致出現了這樣一個BUG。輸入npm install -D webpack-cli@4.2.0運行就可以了。然后再npm run dev發(fā)現可以了，不會再報這個錯了！

但是，又報了其他錯誤。這個錯誤很簡單，就是自己的node_modules文件夾里的東西出現問題。這個很容易就解決了。

解決辦法：

將node_modules文件夾刪除掉，然后輸入npm install下載安裝依賴包,各版本號如下：

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

總結

到此這篇關于npm run dev失敗的詳細解決辦法的文章就介紹到這了,更多相關npm run dev失敗解決內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

Vuex模塊化與持久化深入講解
在實際項目開發(fā)過程中，如果公共數據比較多我們會使用vuex做公共狀態(tài)管理，但是在對瀏覽器進行刷新操作的時候，會導致vuex內的數據丟失，這種情況有些時候是沒問題的，但是有的時候我們需要某些數據可以持久化的保存，這樣就需要做對應的處理
2023-01-01
Vue-ANTD表單輸入中自定義校驗一些正則表達式規(guī)則介紹
這篇文章主要介紹了Vue-ANTD表單輸入中自定義校驗一些正則表達式規(guī)則介紹,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-01-01
解決iview table組件里的固定列表格不自適應的問題
這篇文章主要介紹了解決iview table組件里的固定列表格不自適應的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
基于Vue3創(chuàng)建一個簡單的倒計時組件
這篇文章主要給大家介紹了基于Vue3創(chuàng)建一個簡單的倒計時組件的代碼示例,文中通過代碼示例介紹的非常詳細,具有一定的參考價值,需要的朋友可以參考下
2023-11-11
Vant實現上傳多個圖片或視頻,更改視頻預覽圖
這篇文章主要介紹了Vant實現上傳多個圖片或視頻,更改視頻預覽圖，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10
Vue實現tab導航欄并支持左右滑動功能
本文給大家介紹利用Vue實現tab導航欄，并且通過flex布局實現左右滑動效果，通過代碼給大家分享tab導航欄布局的實現，本文給大家展示了完整代碼，需要的朋友參考下吧
2021-06-06
基于element-ui封裝表單金額輸入框的方法示例
這篇文章主要介紹了基于element-ui封裝表單金額輸入框的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-01-01
Vue對象賦值視圖不更新問題及解決方法
這篇文章主要介紹了Vue對象賦值視圖不更新問題及解決方法，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-06-06
羊了個羊通關腳本Vue?node實現版本
這篇文章主要為大家介紹了羊了個羊通關腳本Vue?node實現版本，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-09-09
vue element實現多個Formt表單同時驗證
這篇文章主要介紹了vue element實現多個Formt表單同時驗證方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-06-06