Vue.js项目npm run dev失败：jsconfig.json为空如何解决？

核心原因：Node.js版本过低 #

你当前使用的Node.js 6.14.13版本太老，远低于Vue 3 + Vite要求的最低版本（官方要求Node.js 14.18.0+ 或 16.0.0+），这直接导致项目初始化时生成了空的jsconfig.json文件，进而引发开发服务器启动失败。

具体解决步骤 #

步骤1：升级Node.js版本 #

• 卸载电脑上现有的旧版本Node.js
• 安装官方推荐的LTS版本（比如18.x或20.x系列，稳定性更好）
• 安装完成后打开终端，输入node -v确认版本符合要求

步骤2：重新创建Vue项目 #

旧版本Node生成的项目文件存在异常，建议重新初始化：

• 删除现有的my-vue-project文件夹
• 重新执行npm init vue@latest，按提示创建项目（所有选项选no即可）
• 进入项目目录，执行npm install
• 最后执行npm run dev，此时应该能正常启动开发服务器

临时修复（不推荐，仅作应急） #

如果暂时无法升级Node.js，可以手动补全空的jsconfig.json：

• 在项目根目录的jsconfig.json中填入以下内容：

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "ESNext",
    "moduleResolution": "bundler",
    "strict": true,
    "jsx": "preserve",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "esModuleInterop": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist"]
}

• 补全后尝试执行npm run dev，但仍可能因为Node版本过低出现其他兼容性问题，所以优先推荐升级Node.js

内容的提问来源于stack exchange，提问作者N.MORR