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