Vetur can't find tsconfig.json, jsconfig.json in /xxxx/xxxxxx.

106 阅读1分钟

这个错误来自 VS Code 插件 Vetur(用于 Vue 2 项目开发),它提示在你的项目根目录中找不到 tsconfig.jsonjsconfig.json,用于语言服务(如代码补全、跳转、类型检查等)。

✅ 是否“必须”添加?

不是必须的,但建议添加。

如果你不需要 Vetur 的类型检查、路径提示、跳转到定义、智能补全等功能,那可以忽略这个错误。

但如果你希望提升开发体验(尤其是使用 TypeScript 或现代 JavaScript 的 Vue 项目),建议添加一个配置文件。


✅ 如何添加 jsconfig.json(适用于 JS 项目)

如果你是 JavaScript 项目,不使用 TypeScript:

在项目根目录创建 jsconfig.json 文件:

{
  "compilerOptions": {
    "target": "ES6",
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src/**/*"]
}

解释:

  • baseUrl: "." 表示路径基准是项目根目录
  • paths 是给 VS Code 补全/跳转用的(你可以根据你项目使用的别名调整)
  • include 指定哪些文件参与语言服务(你可以改为 ["**/*"]

✅ 如何添加 tsconfig.json(适用于 TypeScript 项目)

如果你是 TypeScript 项目,请在项目根目录添加 tsconfig.json

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "ESNext",
    "moduleResolution": "Node",
    "strict": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
    "jsx": "preserve",
    "esModuleInterop": true,
    "allowJs": true,
    "checkJs": false,
    "lib": ["ESNext", "DOM"]
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

🛠 额外建议

如果你用的是 Vue 3,并使用了 Volar 而不是 Vetur,建议卸载 Vetur,用 Volar 来替代(更好支持 Vue 3 + TypeScript):

# VS Code 插件市场中搜索 Volar 并安装

总结

情况建议
Vue 2 + JavaScript添加 jsconfig.json,提升体验
Vue 2 + TypeScript添加 tsconfig.json
Vue 3使用 Volar 插件,推荐添加 tsconfig.json
不需要补全/跳转等功能可以忽略这个错误提示