Visual Studio 2019中Angular 14项目TS2792智能提示错误求助

问题描述 #

我在Visual Studio 2019中运行Angular 14项目，通过Angular CLI可正常编译代码，但Visual Studio内对node_modules文件夹下几乎所有内容都报TS2792智能提示错误，该问题十分困扰我且暂未找到解决办法，恳请提供可行解决方案。

错误截图：

我的tsconfig.json文件：

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "strictNullChecks": false,
    "noImplicitOverride": true,
    "noPropertyAccessFromIndexSignature": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "paths": {
      "*": [
        "node_modules/*"
      ]
    },
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2020",
    "module": "es2020",
    "lib": [
      "es6",
      "es2020",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "enableI18nLegacyMessageIdFormat": false,
    "strictInjectionParameters": true,
    "strictInputAccessModifiers": true,
    "strictTemplates": true
  }
}

可行解决方案 #

1. 移除tsconfig中的通配符paths配置 #

你的tsconfig里paths字段的"*": ["node_modules/*"]配置会干扰TypeScript正常模块解析逻辑，直接删除该配置块：

// 删除这段配置
"paths": {
  "*": [
    "node_modules/*"
  ]
}

2. 清除Visual Studio缓存 #

• 关闭Visual Studio
• 删除项目根目录下的.vs隐藏文件夹（需先开启显示隐藏项）
• 删除node_modules/.cache文件夹（若存在）
• 重新打开项目，等待IntelliSense完成加载

3. 匹配TypeScript版本 #

Angular 14对应TypeScript 4.7.x版本，需确保VS2019使用的TS版本与之匹配：

• 打开VS2019，依次点击工具→选项→文本编辑器→JavaScript/TypeScript→IntelliSense
• 在TypeScript版本下拉菜单选择使用工作区版本（需确保项目package.json中typescript依赖为4.7.x）
• 若无工作区版本选项，前往微软官网下载对应TS版本的SDK并安装

4. 重新安装项目依赖 #

在项目根目录打开命令行执行以下命令：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install

安装完成后重启Visual Studio

5. 添加exclude配置排除node_modules #

若上述方法无效，在tsconfig.json根节点添加exclude字段：

"exclude": [
  "node_modules",
  "dist"
]

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