關(guān)于vue項目vue-cli-service啟動報錯失敗問題的解決方法
前端拉取代碼后,想要運行代碼的時候可以能遇到啟動報錯的問題,這里我們只針對于vue-cli-service報錯項來說
情況一(運行前沒有正常安裝依賴包)
// 運行項目 npm run serve
這里我們可以看出是報錯了的,那么這個原因呢就是沒有安裝vue-cli-service導(dǎo)致的
解決方案呢就是咱們正常安裝下依賴包
npm install 或者 yarn
依賴全部安裝完成后,運行一下看看結(jié)果,可以看到項目正常啟動
情況二(針對內(nèi)網(wǎng)開發(fā),或者網(wǎng)絡(luò)不好,導(dǎo)致其余依賴安裝上但是vue-cli-service沒有裝上)
那么針對這種情況呢,咱們可以換一種運行方式
1.找到項目中的package.json文件
正常呢是配置的vue-cli-service serve這個命令
2.我們要替換命令啟動方式、或者自己重新新建一條命令(這里都可)
這里為了方便比較 我選擇新建一條命令對比
關(guān)鍵點就在于我們沒有vue-cli-service,但是有需要啟動服務(wù),這時候我們就需要去尋找vue依賴中的打包服務(wù)
我們需要在node_modules文件中找到這個文件的路徑 然后替換到命令中
我的整個項目的文件路徑為這個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" },
我們來試試新指令
這里可以看到,咱們這也是可以成功運行了,所以說多學(xué)兩種方法 以后可能還是會用的上的
以上就是關(guān)于vue項目vue-cli-service啟動報錯失敗問題的解決方法的詳細內(nèi)容,更多關(guān)于vue-cli-service啟動報錯失敗的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
vue項目頁面嵌入代碼塊vue-prism-editor的實現(xiàn)
這篇文章主要介紹了vue項目頁面嵌入代碼塊vue-prism-editor的實現(xiàn),本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-10-10在vue項目中 實現(xiàn)定義全局變量 全局函數(shù)操作
這篇文章主要介紹了在vue項目中 實現(xiàn)定義全局變量 全局函數(shù)操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10vue+elementUI動態(tài)增加表單項并添加驗證的代碼詳解
這篇文章主要介紹了vue+elementUI動態(tài)增加表單項并添加驗證的代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-12-12Vue使用pinia管理數(shù)據(jù)pinia持久化存儲問題
這篇文章主要介紹了Vue使用pinia管理數(shù)據(jù)pinia持久化存儲問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-03-03elementUI動態(tài)嵌套el-form表單校驗舉例詳解
最近工作遇到個需求,表單可以進行增加刪除操作,需要進行表單校驗,這篇文章主要給大家介紹了關(guān)于elementUI動態(tài)嵌套el-form表單校驗的相關(guān)資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-06-06