詳解Vue項目在其他電腦npm run dev運行報錯的解決方法
一個 Vue 項目從一臺電腦上傳到 github 上之后,再另外一臺電腦上 git clone 。并使用 npm run dev 或 npm run start 發(fā)生以下報錯的解決方法。
報錯原因
缺少 node_modules 里面的依賴。在項目目錄下使用 npm install
然后再 npm run dev。
如果在這一步當中, npm install 執(zhí)行的過程中,處于一直卡頓的狀態(tài)。說明網(wǎng)絡(luò)狀況不佳。建議使用 cnpm 淘寶源。
淘寶源
使用 cnpm -v 查看是否已經(jīng)安裝 cnpm。如果沒有,使用 npm install cnpm -g --registry=https://registry.npm.taobao.org 命令安裝。然后將上面 npm 的步驟命令改成 cnpm 即可。
補充:
默認電腦里已經(jīng)安裝Node.js
下載完別人的VUE項目后,我們執(zhí)行下載所有依賴npm install后啟動npm run dev運行的最后一步經(jīng)常會報錯,
不是缺少依賴模板,就是node_modules版本與本機安裝的node和npm版本不一致。
今天遇到的問題就是版本不一致,例如我們的電腦中安裝的node版本為6.10.3、npm版本為4.6.1。而項目中的版本為"node": ">= 4.0.0", "npm": ">= 3.0.0"。
這樣運行后終端會報錯,無效的指令。
這時解決的方法就是直接刪除vue項目中的node_modules,同時修改package.json文件里面的
"engines": { "node": ">= 4.0.0", "npm": ">= 3.0.0" },
將"node": ">= 4.0.0","npm": ">= 3.0.0"修改為"node": ">= 6.10.3","npm": ">= 4.6.1"(你電腦中node/npm的版本號)
然后執(zhí)行npm install重新下載所有依賴
最后執(zhí)行npm run dev就能成功運行項目了。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue使用luckyexcel實現(xiàn)在線表格及導(dǎo)出導(dǎo)入方式
這篇文章主要介紹了vue使用luckyexcel實現(xiàn)在線表格及導(dǎo)出導(dǎo)入方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-05-05vue中el-table格式化el-table-column內(nèi)容的三種方法
本文主要介紹了vue中el-table格式化el-table-column內(nèi)容的三種方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08詳解如何解決vue開發(fā)請求數(shù)據(jù)跨域的問題(基于瀏覽器的配置解決)
這篇文章主要介紹了詳解如何解決vue開發(fā)請求數(shù)據(jù)跨域的問題(基于瀏覽器的配置解決),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-11-11解決vue2 在mounted函數(shù)無法獲取prop中的變量問題
這篇文章主要介紹了vue2 在mounted函數(shù)無法獲取prop中的變量的解決方法 ,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11vue用ant design中table表格,點擊某行時觸發(fā)的事件操作
這篇文章主要介紹了vue用ant design中table表格,點擊某行時觸發(fā)的事件操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10