项目场景:

今天朋友有个报错让我给看一下:启动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即可
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐