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

關(guān)于vue項(xiàng)目vue-cli-service啟動(dòng)報(bào)錯(cuò)失敗問題的解決方法

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

前端拉取代碼后，想要運(yùn)行代碼的時(shí)候可以能遇到啟動(dòng)報(bào)錯(cuò)的問題，這里我們只針對(duì)于vue-cli-service報(bào)錯(cuò)項(xiàng)來說

情況一（運(yùn)行前沒有正常安裝依賴包）

//	運(yùn)行項(xiàng)目
npm run serve

這里我們可以看出是報(bào)錯(cuò)了的，那么這個(gè)原因呢就是沒有安裝vue-cli-service導(dǎo)致的

在這里插入圖片描述

解決方案呢就是咱們正常安裝下依賴包

npm install 或者 yarn

依賴全部安裝完成后，運(yùn)行一下看看結(jié)果，可以看到項(xiàng)目正常啟動(dòng)

在這里插入圖片描述

情況二（針對(duì)內(nèi)網(wǎng)開發(fā)，或者網(wǎng)絡(luò)不好，導(dǎo)致其余依賴安裝上但是vue-cli-service沒有裝上）

那么針對(duì)這種情況呢，咱們可以換一種運(yùn)行方式

1.找到項(xiàng)目中的package.json文件

正常呢是配置的vue-cli-service serve這個(gè)命令

在這里插入圖片描述

2.我們要替換命令啟動(dòng)方式、或者自己重新新建一條命令（這里都可）

這里為了方便比較 我選擇新建一條命令對(duì)比
關(guān)鍵點(diǎn)就在于我們沒有vue-cli-service，但是有需要啟動(dòng)服務(wù)，這時(shí)候我們就需要去尋找vue依賴中的打包服務(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"
  },

我們來試試新指令

在這里插入圖片描述

這里可以看到，咱們這也是可以成功運(yùn)行了，所以說多學(xué)兩種方法 以后可能還是會(huì)用的上的

以上就是關(guān)于vue項(xiàng)目vue-cli-service啟動(dòng)報(bào)錯(cuò)失敗問題的解決方法的詳細(xì)內(nèi)容，更多關(guān)于vue-cli-service啟動(dòng)報(bào)錯(cuò)失敗的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

  • vue項(xiàng)目頁(yè)面嵌入代碼塊vue-prism-editor的實(shí)現(xiàn)

    vue項(xiàng)目頁(yè)面嵌入代碼塊vue-prism-editor的實(shí)現(xiàn)

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

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

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

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

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

    Vue?項(xiàng)目中Echarts?5使用方法詳解

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

    Vue中的文字換行問題

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

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

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

    如何運(yùn)行單個(gè).vue文件問題

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

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

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

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

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

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

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

最新評(píng)論