npm?run?dev失敗的簡(jiǎn)單解決辦法
記錄學(xué)習(xí)TS和Vue過程中遇到的問題及解決辦法
下載好相關(guān)依賴包后，每次npm run dev時(shí)，都會(huì)出現(xiàn)以下問題：
輸入yes進(jìn)行下載，但是不會(huì)下載成功。輸入NO則會(huì)直接結(jié)束，不會(huì)執(zhí)行。
于是我根據(jù)yes之后的報(bào)錯(cuò)信息，去到log里面查看
嗯，看了半天沒看懂！
于是我就查看依賴包的版本號(hào)是否有問題，版本號(hào)如下：
于是根據(jù)版本號(hào)再到處收集相關(guān)信息，終于找到問題了！
我們報(bào)錯(cuò)的提示是webpack-cli這個(gè)包出現(xiàn)了問題，問你是否重裝啥的，那我們就對(duì)這個(gè)包的版本號(hào)進(jìn)行一個(gè)查詢，結(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)問題。這個(gè)很容易就解決了。
解決辦法：
將node_modules文件夾刪除掉，然后輸入npm install下載安裝依賴包,各版本號(hào)如下：
最后輸入npm run dev運(yùn)行就可以了！紅線位置，就是訪問頁面的地址。
總結(jié)
到此這篇關(guān)于npm run dev失敗的詳細(xì)解決辦法的文章就介紹到這了,更多相關(guān)npm run dev失敗解決內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- npm run dev和npm run serve的區(qū)別小結(jié)
- Vue項(xiàng)目npm操作npm run serve或npm run dev報(bào)錯(cuò)及二者的區(qū)別
- vue3.0運(yùn)行npm run dev報(bào)錯(cuò)Cannot find module node:url
- npm run dev報(bào)錯(cuò)信息及解決方法
- 運(yùn)行npm?run?dev報(bào)錯(cuò)的原因及解決
- 使用vue-cli初始化項(xiàng)目時(shí)運(yùn)行‘npm run dev’報(bào)錯(cuò)及解決
- 詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁面cannot GET/問題
- 關(guān)于vue的npm run dev和npm run build的區(qū)別介紹
- 詳解Vue項(xiàng)目在其他電腦npm run dev運(yùn)行報(bào)錯(cuò)的解決方法
- Vue項(xiàng)目npm run dev啟動(dòng)失敗的6個(gè)常見原因(附解決方案)
相關(guān)文章
在實(shí)際項(xiàng)目開發(fā)過程中，如果公共數(shù)據(jù)比較多我們會(huì)使用vuex做公共狀態(tài)管理，但是在對(duì)瀏覽器進(jìn)行刷新操作的時(shí)候，會(huì)導(dǎo)致vuex內(nèi)的數(shù)據(jù)丟失，這種情況有些時(shí)候是沒問題的，但是有的時(shí)候我們需要某些數(shù)據(jù)可以持久化的保存，這樣就需要做對(duì)應(yīng)的處理2023-01-01
Vue-ANTD表單輸入中自定義校驗(yàn)一些正則表達(dá)式規(guī)則介紹
這篇文章主要介紹了Vue-ANTD表單輸入中自定義校驗(yàn)一些正則表達(dá)式規(guī)則介紹,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
解決iview table組件里的 固定列 表格不自適應(yīng)的問題
這篇文章主要介紹了解決iview table組件里的 固定列 表格不自適應(yīng)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-11-11
基于Vue3創(chuàng)建一個(gè)簡(jiǎn)單的倒計(jì)時(shí)組件
這篇文章主要給大家介紹了基于Vue3創(chuàng)建一個(gè)簡(jiǎn)單的倒計(jì)時(shí)組件的代碼示例,文中通過代碼示例介紹的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下2023-11-11
Vant實(shí)現(xiàn)上傳多個(gè)圖片或視頻,更改視頻預(yù)覽圖
這篇文章主要介紹了Vant實(shí)現(xiàn)上傳多個(gè)圖片或視頻,更改視頻預(yù)覽圖，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue實(shí)現(xiàn)tab導(dǎo)航欄并支持左右滑動(dòng)功能
本文給大家介紹利用Vue實(shí)現(xiàn)tab導(dǎo)航欄，并且通過flex布局實(shí)現(xiàn)左右滑動(dòng)效果，通過代碼給大家分享tab導(dǎo)航欄布局的實(shí)現(xiàn)，本文給大家展示了完整代碼，需要的朋友參考下吧2021-06-06
這篇文章主要介紹了基于element-ui封裝表單金額輸入框的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了Vue對(duì)象賦值視圖不更新問題及解決方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
羊了個(gè)羊通關(guān)腳本Vue?node實(shí)現(xiàn)版本
這篇文章主要為大家介紹了羊了個(gè)羊通關(guān)腳本Vue?node實(shí)現(xiàn)版本，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
vue element實(shí)現(xiàn)多個(gè)Formt表單同時(shí)驗(yàn)證
這篇文章主要介紹了vue element實(shí)現(xiàn)多個(gè)Formt表單同時(shí)驗(yàn)證方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06