VS 2022用模板新建ASP.NET Core Angular项目出现File Not Found错误

问题产生原因 #

该报错由Visual Studio 2022内置TypeScript编译服务与Angular模板项目配置不兼容导致，核心诱因两点：

• VS默认搭载的TypeScript SDK版本与当前Angular模板依赖的TypeScript版本不匹配，类型检查规则不一致出现误报
• VS项目级TypeScript扫描配置优先级高于tsconfig.json，"exclude": ["node_modules"]配置不会被VS默认编译服务读取，因此修改不生效

解决方法 #

按操作成本从低到高排列：

• 过滤错误列表误报：点击错误列表窗口顶部筛选下拉框，将「生成 + IntelliSense」切换为「仅生成」，即可过滤IntelliSense非必要类型检查误报，不影响项目实际运行
• 禁用VS内置TypeScript编译：Angular项目本身由Angular CLI管控编译流程，无需VS额外处理。右键Web项目选择「属性」，切换到「TypeScript生成」标签，勾选页面底部「不编译TypeScript文件」选项，保存配置后重新生成项目即可
• 匹配TypeScript版本：若需要保留VS的TypeScript检查能力，可做版本对齐：
  1. 打开项目根目录package.json，查看devDependencies节点下typescript对应的版本号
  2. 打开Visual Studio Installer，进入「修改」-「单个组件」页面，搜索安装对应版本的TypeScript SDK
  3. 回到项目属性「TypeScript生成」标签，将「TypeScript版本」下拉选择为刚安装的对应版本，重新生成项目

内容的提问来源于stack exchange，提问作者A.G.