報錯：npm ERR! missing script: serve npm ERR! A complete log of this run can be found in:

蓮笛liandi發表於2020-12-11
NPM

專案場景：

今天朋友有個報錯讓我給看一下:啟動vue專案時，報錯，啟動不了
在這裡插入圖片描述

問題描述：

npm ERR! missing script: serve
npm ERR! A complete log of this run can be found in:
這裡指的是丟失了script中的serve，run找不到，所以啟動不了

原因分析：

這裡是由於你之前建立專案時是使用的vue3.0以下的版本，啟動方式是npm run dev。但是現在更新了版本，要使用npm run serve啟動，但原來的package.json檔案中的配置，還是原來的dev，所以找不到serve

解決方案：

此時我們只需要改變一下package.json配置就好

  1. 刪除原來的node_modules資料夾
  2. 改變package.json檔案(這裡我提供一個，可能配置沒有那麼全，只要是3.0以上的配置就行）
{
  "name": "hungry",//這裡可以改成你的專案名
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",//你看，這裡就有serve啦！！！
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "axios": "^0.20.0",
    "vant": "^2.10.9",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "node-sass": "^4.12.0",
    "sass-loader": "^8.0.2",
    "vue-template-compiler": "^2.6.11"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}
  1. cnpm i或npm i補全配置，重新生成node_modules資料夾
  2. npm run serve即可

相關文章