關(guān)于vue項(xiàng)目vue-cli-service啟動(dòng)報(bào)錯(cuò)失敗問(wèn)題的解決方法
前端拉取代碼后，想要運(yùn)行代碼的時(shí)候可以能遇到啟動(dòng)報(bào)錯(cuò)的問(wèn)題，這里我們只針對(duì)于vue-cli-service報(bào)錯(cuò)項(xiàng)來(lái)說(shuō)
情況一（運(yùn)行前沒(méi)有正常安裝依賴(lài)包）
// 運(yùn)行項(xiàng)目 npm run serve
這里我們可以看出是報(bào)錯(cuò)了的，那么這個(gè)原因呢就是沒(méi)有安裝vue-cli-service導(dǎo)致的
解決方案呢就是咱們正常安裝下依賴(lài)包
npm install 或者 yarn
依賴(lài)全部安裝完成后，運(yùn)行一下看看結(jié)果，可以看到項(xiàng)目正常啟動(dòng)
情況二（針對(duì)內(nèi)網(wǎng)開(kāi)發(fā)，或者網(wǎng)絡(luò)不好，導(dǎo)致其余依賴(lài)安裝上但是vue-cli-service沒(méi)有裝上）
那么針對(duì)這種情況呢，咱們可以換一種運(yùn)行方式
1.找到項(xiàng)目中的package.json文件
正常呢是配置的vue-cli-service serve這個(gè)命令
2.我們要替換命令啟動(dòng)方式、或者自己重新新建一條命令（這里都可）
這里為了方便比較 我選擇新建一條命令對(duì)比
關(guān)鍵點(diǎn)就在于我們沒(méi)有vue-cli-service，但是有需要啟動(dòng)服務(wù)，這時(shí)候我們就需要去尋找vue依賴(lài)中的打包服務(wù)
我們需要在node_modules文件中找到這個(gè)文件的路徑 然后替換到命令中
我的整個(gè)項(xiàng)目的文件路徑為這個(gè)C:\Users\90706\Desktop\ziSheng\demo\node_modules@vue\cli-service\bin
那么替換后的script命令為
"scripts": {
"serve": "vue-cli-service serve",
"devServer": "node C:\\Users\\90706\\Desktop\\ziSheng\\demo\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
我們來(lái)試試新指令
這里可以看到，咱們這也是可以成功運(yùn)行了，所以說(shuō)多學(xué)兩種方法 以后可能還是會(huì)用的上的
以上就是關(guān)于vue項(xiàng)目vue-cli-service啟動(dòng)報(bào)錯(cuò)失敗問(wèn)題的解決方法的詳細(xì)內(nèi)容，更多關(guān)于vue-cli-service啟動(dòng)報(bào)錯(cuò)失敗的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
- 解決vue-cli-service不是內(nèi)部或外部命令也不是可運(yùn)行的程序或批處理文件的報(bào)錯(cuò)問(wèn)題
- vue報(bào)錯(cuò)"vue-cli-service‘不是內(nèi)部或外部命令,也不是...”的解決辦法
- 前端啟動(dòng)出現(xiàn)報(bào)錯(cuò)提示vue-cli-service?serve的原因及解決辦法
- vue-cli-service?build?自定義參數(shù)方式
- vue-cli-service和webpack-dev-server的區(qū)別及說(shuō)明
- vue-cli-service不是內(nèi)部或外部命令,也不是可運(yùn)行的程序或批處理文件問(wèn)題
相關(guān)文章
詳解vue3中setUp和reactive函數(shù)的用法
這篇文章主要介紹了vue3函數(shù)setUp和reactive函數(shù)的相關(guān)知識(shí)及setup函數(shù)和reactive函數(shù)的注意點(diǎn)，通過(guò)具體代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2021-06-06
vue-cli3項(xiàng)目配置eslint代碼規(guī)范的完整步驟
這篇文章主要給大家介紹了關(guān)于vue-cli3項(xiàng)目配置eslint代碼規(guī)范的完整步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
Vue3?實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)功能
這篇文章主要介紹了Vue3?實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)功能，倒計(jì)時(shí)的運(yùn)用場(chǎng)景是獲取手機(jī)驗(yàn)證碼倒計(jì)時(shí)、獲取郵箱驗(yàn)證碼倒計(jì)時(shí)等場(chǎng)景，本文結(jié)合示例代碼給大家詳細(xì)講解，需要的朋友可以參考下2023-01-01
vue自定義指令實(shí)現(xiàn)懶加載的優(yōu)化指南
這篇文章主要為大家詳細(xì)介紹了vue如何通過(guò)自定義指令實(shí)現(xiàn)懶加載并進(jìn)行相關(guān)優(yōu)化,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-07-07
Vue 組件參數(shù)校驗(yàn)與非props特性的方法
這篇文章主要介紹了Vue 組件參數(shù)校驗(yàn)與非props特性的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
在vuex中有四大金剛分別是State， Mutations，Actions，Getters，本文對(duì)這四大金剛做了詳細(xì)介紹，本文重點(diǎn)是給大家介紹vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用，感興趣的朋友一起看看吧2018-04-04
vue實(shí)現(xiàn)公共組件傳值并及時(shí)監(jiān)聽(tīng)到數(shù)據(jù)更新視圖
這篇文章主要介紹了vue實(shí)現(xiàn)公共組件傳值并及時(shí)監(jiān)聽(tīng)到數(shù)據(jù)更新視圖方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
vue3中form對(duì)象無(wú)法賦值的問(wèn)題解決
這篇文章給大家介紹了vue3中form對(duì)象無(wú)法賦值的問(wèn)題解決,有時(shí)候?qū)ο蟮闹邓阑钯x不上值,這時(shí)候可以看下賦值的對(duì)象變量名是否和頁(yè)面組件中的ref相同,文中給出了代碼示例供大家參考,需要的朋友可以參考下2024-01-01
淺談vue實(shí)現(xiàn)雙向事件綁定v-model的原理
vue使用v-model實(shí)現(xiàn)數(shù)據(jù)的雙向綁定，它會(huì)根據(jù)控件類(lèi)型自動(dòng)選取正確的方法來(lái)更新元素，本文就詳細(xì)的介紹一下原理，感興趣的可以了解一下2021-08-08
Vue項(xiàng)目結(jié)合Vue-layer實(shí)現(xiàn)彈框式編輯功能(實(shí)例代碼)
這篇文章主要介紹了Vue項(xiàng)目中結(jié)合Vue-layer實(shí)現(xiàn)彈框式編輯功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-03-03