Visual Studio 2019中Angular12项目.ts文件Intellisense失效代码变白

问题表现 #

仅针对.ts格式文件出现以下异常：

• 打开/编辑时代码高亮全白
• 编辑操作无响应
• 无语法错误提示、Intellisense智能提示失效
  关联运行环境：Visual Studio 2019 16.11.7、TypeScript 4.3.5
  

修复步骤 #

• 重置VS组件与项目缓存
  关闭所有Visual Studio实例，删除路径C:\Users\<你的系统用户名>\AppData\Local\Microsoft\VisualStudio\16.0_<随机字符串>\ComponentModelCache下的全部缓存文件，同时删除项目根目录下的.vs隐藏文件夹，重启VS重新加载项目验证。
• 适配TypeScript与VS版本
  该版本VS与TypeScript 4.3.5存在已知兼容冲突，可选两种适配方案：
  1. 打开Visual Studio Installer，在「单个组件」页找到TypeScript SDK，将版本降级到4.2.x版本
  2. 将Visual Studio 2019升级到16.11.10及以上版本，适配TypeScript 4.3.5
• 调整项目TypeScript配置
  打开项目根目录的tsconfig.json，在compilerOptions节点下新增/修改配置：

  {
    "compilerOptions": {
      "typeRoots": ["node_modules/@types"],
      "skipLibCheck": true
    }
  }
  

  完成后删除项目下的node_modules文件夹、package-lock.json或yarn.lock文件，执行npm install重新安装依赖。
• 禁用冲突第三方扩展
  打开VS菜单栏「扩展>管理扩展」，临时禁用所有非官方的代码高亮、语法检查、代码格式化类扩展，重启VS验证问题是否解决。

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