Vue項(xiàng)目npm操作npm run serve或npm run dev報(bào)錯(cuò)及二者的區(qū)別
問題分析
我們?cè)趩?dòng)vue項(xiàng)目的時(shí)候，需要用到npm操作，比如使用npm run serve或npm run dev。
比如說我們下載其他人的開源vue項(xiàng)目時(shí)，我們想在本地運(yùn)行時(shí)，我們用的到npm run serve或npm run dev有時(shí)候會(huì)出現(xiàn)報(bào)錯(cuò)，無論是serve還是dev都有出現(xiàn)報(bào)錯(cuò)的情況。
報(bào)錯(cuò)原因
這個(gè)是npm run serve報(bào)錯(cuò)的原因，錯(cuò)誤很簡(jiǎn)單，重點(diǎn)看這一句Missing script: "serve"
然后找到package.json，查看"script"這個(gè)對(duì)象，script里面確實(shí)沒有serve，而是dev
然后用npm run dev來啟動(dòng)vue項(xiàng)目，發(fā)現(xiàn)項(xiàng)目可以啟動(dòng)成功
同理，npm run dev報(bào)錯(cuò)情況也是這樣解決，直接上圖
二者區(qū)別
首先我們要知道"script"是什么?
翻譯一下
因此我們可以知道不論是dev還是serve等這些值代表了該點(diǎn)可以run的命令
所以我們?cè)谶\(yùn)行 npm run serve 的時(shí)候，其實(shí)是在運(yùn)行命令 vue-cli-service serve 。
通過上面的例子，我們可以看到，在package.json的script對(duì)象里，無論是serve還是dev對(duì)應(yīng)的命令都是vue-cli-service serve，那么二者有什么區(qū)別呢？
通過對(duì)比腳手架版本(vue-cli)，我們可以發(fā)現(xiàn)不同的版本默認(rèn)配置是不一樣的
- vue-cli2.0中
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
- vue-cli3.0中
"serve": "vue-cli-service serve",
因此我們?cè)趩?dòng)vue項(xiàng)目時(shí)，我們可以先查看清楚腳手架的版本(查看package.json)，再去啟動(dòng)
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
解決Vue 瀏覽器后退無法觸發(fā)beforeRouteLeave的問題
這篇文章主要介紹了解決Vue 瀏覽器后退無法觸發(fā)beforeRouteLeave的問題,需要的朋友可以參考下2017-12-12
vue3鼠標(biāo)拖拽滑動(dòng)效果實(shí)現(xiàn)demo
這篇文章主要為大家介紹了vue3鼠標(biāo)拖拽滑動(dòng)效果實(shí)現(xiàn)demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)下拉菜單效果，運(yùn)用了hover顯示與隱藏以及定位，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
Vux是Vue.js的一個(gè)ui庫，官網(wǎng)在這里，官方文檔的配置指南側(cè)重于技術(shù)的羅列，我這里簡(jiǎn)化一下Vux的配置流程。感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2017-12-12
Vue在原窗口與新窗口打開外部鏈接的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue如何在原窗口與新窗口打開外部鏈接,文中給大家提到了vue跳轉(zhuǎn)外部鏈接的實(shí)現(xiàn)代碼，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-02-02
Vue.js實(shí)戰(zhàn)之利用vue-router實(shí)現(xiàn)跳轉(zhuǎn)頁面
對(duì)于單頁應(yīng)用，官方提供了vue-router進(jìn)行路由跳轉(zhuǎn)的處理，這篇文章主要給大家介紹了Vue.js實(shí)戰(zhàn)之利用vue-router實(shí)現(xiàn)跳轉(zhuǎn)頁面的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-04-04
Vue-cli3項(xiàng)目配置Vue.config.js實(shí)戰(zhàn)記錄
這篇文章主要給大家介紹了關(guān)于Vue-cli3項(xiàng)目配置Vue.config.js的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
本文主要介紹了Vue3?全局切換字體大小的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-03-03
Vue+Element UI+vue-quill-editor富文本編輯器及插入圖片自定義
這篇文章主要為大家詳細(xì)介紹了Vue+Element UI+vue-quill-editor富文本編輯器及插入圖片自定義，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08
vue3+vite兼容低版本的白屏問題詳解(安卓7/ios11)
這篇文章主要給大家介紹了關(guān)于vue3+vite兼容低版本的白屏問題的相關(guān)資料,還給大家介紹了vue打包項(xiàng)目以后白屏和圖片加載不出來問題的解決方法,需要的朋友可以參考下2022-12-12