VSCode IntelliSense对嵌套tsconfig的路径提示失效求助

针对你遇到的「绝对路径导入无补全提示，但手动输入后可正常编译、跳转」的问题，可尝试以下几种修复方案：

1. 优化路径映射规则，避免根通配符 #

根tsconfig.json中使用"/*": ["./*"]的通配符映射可能导致VSCode的IntelliSense补全逻辑无法正确触发，建议改为更明确的前缀映射：

// 根tsconfig.json
{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@lib/*": ["./lib/*"]
    }
  },
  "include": ["lib/**/*", "app/**/*"]
}

在app/app.tsx中改用带前缀的导入：

import { foo } from '@lib/foo';

2. 确保子目录tsconfig正确继承与配置 #

检查app/tsconfig.json的继承配置，避免覆盖或破坏路径映射：

// app/tsconfig.json
{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    // 不要在这里重写paths或baseUrl，除非有特殊需求
    "jsx": "react-jsx"
  },
  "include": ["./**/*"]
}

3. 重启VSCode TypeScript服务 #

VSCode的TS服务可能存在缓存问题，通过以下步骤重启：

• 打开命令面板（Ctrl+Shift+P / Cmd+Shift+P）
• 输入并执行TypeScript: Restart TS Server

4. 对齐VSCode与项目的TypeScript版本 #

确保VSCode使用的是项目本地安装的TypeScript版本（而非内置版本）：

• 点击VSCode右下角的TypeScript版本号
• 选择Use Workspace Version，切换到项目node_modules中的5.0.4版本

5. 调整路径映射为非根绝对路径 #

若偏好不带前缀的写法，可将根tsconfig的paths改为：

"paths": {
  "lib/*": ["./lib/*"]
}

导入时使用：

import { foo } from 'lib/foo';

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