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