欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于vue項目vue-cli-service啟動報錯失敗問題的解決方法

 更新時間:2024年08月19日 11:14:34   作者:孫懟懟啊  
前端拉取代碼后,想要運行代碼的時候可以能遇到啟動報錯的問題,這里我們只針對于vue-cli-service報錯項來說,文中通過圖文結(jié)合的方式給大家介紹的非常詳細,具有一定的參考價值,需要的朋友可以參考下

前端拉取代碼后,想要運行代碼的時候可以能遇到啟動報錯的問題,這里我們只針對于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)

    這篇文章主要介紹了vue項目頁面嵌入代碼塊vue-prism-editor的實現(xiàn),本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-10-10
  • 在vue項目中 實現(xiàn)定義全局變量 全局函數(shù)操作

    在vue項目中 實現(xiàn)定義全局變量 全局函數(shù)操作

    這篇文章主要介紹了在vue項目中 實現(xiàn)定義全局變量 全局函數(shù)操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10
  • vue+elementUI動態(tài)增加表單項并添加驗證的代碼詳解

    vue+elementUI動態(tài)增加表單項并添加驗證的代碼詳解

    這篇文章主要介紹了vue+elementUI動態(tài)增加表單項并添加驗證的代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-12-12
  • Vue?項目中Echarts?5使用方法詳解

    Vue?項目中Echarts?5使用方法詳解

    這篇文章主要為大家介紹了Vue?項目中Echarts?5使用方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-11-11
  • Vue中的文字換行問題

    Vue中的文字換行問題

    這篇文章主要介紹了Vue中的文字換行問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • vue中div禁止點擊事件的實現(xiàn)

    vue中div禁止點擊事件的實現(xiàn)

    這篇文章主要介紹了vue中div禁止點擊事件的實現(xiàn),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 如何運行單個.vue文件問題

    如何運行單個.vue文件問題

    本文介紹了Vue的全局安裝過程、查看版本、安裝擴展等步驟,并提供了解決在.vue文件目錄下運行報錯的方法,涉及到的錯誤解決包括使用命令安裝@vue/compiler-sfc和執(zhí)行npm install命令安裝依賴
    2024-10-10
  • Vue使用pinia管理數(shù)據(jù)pinia持久化存儲問題

    Vue使用pinia管理數(shù)據(jù)pinia持久化存儲問題

    這篇文章主要介紹了Vue使用pinia管理數(shù)據(jù)pinia持久化存儲問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • elementUI動態(tài)嵌套el-form表單校驗舉例詳解

    elementUI動態(tài)嵌套el-form表單校驗舉例詳解

    最近工作遇到個需求,表單可以進行增加刪除操作,需要進行表單校驗,這篇文章主要給大家介紹了關(guān)于elementUI動態(tài)嵌套el-form表單校驗的相關(guān)資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
    2023-06-06
  • Vue中$nextTick實現(xiàn)源碼解析

    Vue中$nextTick實現(xiàn)源碼解析

    這篇文章主要為大家介紹了Vue中$nextTick實現(xiàn)源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-10-10

最新評論