詳解Vue項(xiàng)目在其他電腦npm run dev運(yùn)行報(bào)錯(cuò)的解決方法
一個(gè) Vue 項(xiàng)目從一臺(tái)電腦上傳到 github 上之后,再另外一臺(tái)電腦上 git clone 。并使用 npm run dev 或 npm run start 發(fā)生以下報(bào)錯(cuò)的解決方法。
報(bào)錯(cuò)原因
缺少 node_modules 里面的依賴。在項(xiàng)目目錄下使用 npm install
然后再 npm run dev。
如果在這一步當(dāng)中, 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 即可。
補(bǔ)充:
默認(rèn)電腦里已經(jīng)安裝Node.js
下載完別人的VUE項(xiàng)目后,我們執(zhí)行下載所有依賴npm install后啟動(dòng)npm run dev運(yùn)行的最后一步經(jīng)常會(huì)報(bào)錯(cuò),
不是缺少依賴模板,就是node_modules版本與本機(jī)安裝的node和npm版本不一致。
今天遇到的問題就是版本不一致,例如我們的電腦中安裝的node版本為6.10.3、npm版本為4.6.1。而項(xiàng)目中的版本為"node": ">= 4.0.0", "npm": ">= 3.0.0"。
這樣運(yùn)行后終端會(huì)報(bào)錯(cuò),無效的指令。
這時(shí)解決的方法就是直接刪除vue項(xiàng)目中的node_modules,同時(shí)修改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的版本號(hào))
然后執(zhí)行npm install重新下載所有依賴
最后執(zhí)行npm run dev就能成功運(yùn)行項(xiàng)目了。
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vue執(zhí)行配置選項(xiàng)npm?run?serve的本質(zhì)圖文詳解
- 解決vue項(xiàng)目運(yùn)行npm run serve報(bào)錯(cuò)的問題
- vue3.0運(yùn)行npm run dev報(bào)錯(cuò)Cannot find module node:url
- 使用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操作npm run serve或npm run dev報(bào)錯(cuò)及二者的區(qū)別
相關(guān)文章
Vue3在Setup中使用axios請(qǐng)求獲取的值方式
這篇文章主要介紹了Vue3在Setup中使用axios請(qǐng)求獲取的值方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-06-06vue使用luckyexcel實(shí)現(xiàn)在線表格及導(dǎo)出導(dǎo)入方式
這篇文章主要介紹了vue使用luckyexcel實(shí)現(xiàn)在線表格及導(dǎo)出導(dǎo)入方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05使用webpack搭建vue項(xiàng)目及注意事項(xiàng)
這篇文章主要介紹了使用webpack搭建vue項(xiàng)目的方法,本文以開發(fā)環(huán)境為例,通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06vue中el-table格式化el-table-column內(nèi)容的三種方法
本文主要介紹了vue中el-table格式化el-table-column內(nèi)容的三種方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08詳解如何解決vue開發(fā)請(qǐng)求數(shù)據(jù)跨域的問題(基于瀏覽器的配置解決)
這篇文章主要介紹了詳解如何解決vue開發(fā)請(qǐng)求數(shù)據(jù)跨域的問題(基于瀏覽器的配置解決),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11解決vue2 在mounted函數(shù)無法獲取prop中的變量問題
這篇文章主要介紹了vue2 在mounted函數(shù)無法獲取prop中的變量的解決方法 ,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11vue用ant design中table表格,點(diǎn)擊某行時(shí)觸發(fā)的事件操作
這篇文章主要介紹了vue用ant design中table表格,點(diǎn)擊某行時(shí)觸發(fā)的事件操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-10-10