Vite项目package.json含dev脚本，执行npm run dev提示脚本缺失

我在Vite项目的package.json中已正确定义了"dev"脚本，但执行npm run dev命令时，终端却提示该脚本缺失。已完成以下排查操作：检查package.json文件、排查拼写错误、确保npm版本为最新、重新安装node_modules，但问题仍未解决。

我的package.json内容 #

{
  "name": "grapes-detection-system",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "lint": "eslint. --ext js,jsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview",
    "start": "node vite.js",
    "error": "vite build --mode development"
  }
  ,
  "dependencies": {
    "axios": "^1.6.8",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.20.1",
    "react-slick": "^0.29.0",
    "slick-carousel": "^1.8.1"
  },
  "devDependencies": {
    "@types/react": "^18.2.37",
    "@types/react-dom": "^18.2.15",
    "@vitejs/plugin-react": "^4.2.0",
    "eslint": "^8.53.0",
    "eslint-plugin-react": "^7.33.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.4.4",
    "vite": "^5.0.0"
  }
  
}

终端错误信息 #

PS C:\Users\Sana-PC\Downloads\grape-detection-system-main-updated> npm install

up to date, audited 11 packages in 2s

3 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
PS C:\Users\Sana-PC\Downloads\grape-detection-system-main-updated> npm run dev
npm ERR! Missing script: "dev"
npm ERR! 
npm ERR! To see a list of scripts, run:
npm ERR!   npm run

npm ERR! A complete log of this run can be found in: C:\Users\Sana-PC\AppData\Local\npm-cache\_logs\2024-04-21T08_43_48_014Z-debug-0.log

可能的解决方案 #

• 确认终端工作目录：检查当前终端所在的C:\Users\Sana-PC\Downloads\grape-detection-system-main-updated目录下是否存在package.json文件，避免进入错误的子目录或父目录。
• 修复package.json语法细节：
  1. 你package.json中scripts块结束后的逗号单独成行，虽然JSON允许，但可以调整为标准格式（将逗号移到上一行末尾），避免潜在解析问题。
  2. lint命令中的eslint.缺少空格，应该改为eslint .，这虽然不影响dev脚本，但建议修正以避免其他问题。
     修改后的scripts部分：

  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview",
    "start": "node vite.js",
    "error": "vite build --mode development"
  },
  

• 清除npm缓存：执行以下命令后重试：

  npm cache clean --force
  npm install
  npm run dev
  

• 检查是否存在嵌套package.json：确认项目目录下没有嵌套的其他package.json文件，防止npm读取错误的配置文件。
• 直接运行vite：尝试绕过npm脚本，直接执行npx vite，如果能正常启动，说明问题出在npm脚本解析环节，可进一步排查npm配置。

内容的提问来源于stack exchange，提问作者sana shoukat