Vite React TypeScript中绝对导入组件时找不到类型声明

问题根源在于你的TypeScript项目引用配置：根tsconfig.json里的paths和baseUrl配置并未被子配置（tsconfig.app.json）继承，而实际负责应用代码类型检查的是子配置文件。

修复步骤： #

• 修改tsconfig.app.json，让它继承根配置的编译选项：

  {
    "extends": "./tsconfig.json",
    "compilerOptions": {
      // 保留原有子配置的特有选项，比如 "target": "ES2020", "useDefineForClassFields": true 等
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules"]
  }
  

• 若不想使用继承，也可直接在tsconfig.app.json的compilerOptions中添加baseUrl和paths配置：

  {
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "@/*": ["./src/*"]
      },
      // 其他原有选项...
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules"]
  }
  

• 最后重启编辑器的TypeScript服务（比如VS Code中按Ctrl+Shift+P，选择「TypeScript: Restart TS Server」），使新配置生效。

验证操作：此时使用@/components/XXX这类绝对路径导入组件时，TypeScript应该能正确识别对应的类型声明。

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