VS2022中TypeScript Build选项卡不显示的解决求助

算力阿峰

2026-7-7

解决TypeScript Build选项卡不显示的可行方案

手动修改.csproj文件强制启用TypeScript支持
既然添加临时ts文件后仅留下了<Service Include="{4A0DDDB5-7A95-4FBF-97CC-616D07737A77}" />但未触发选项卡，直接在.csproj中补充TypeScript相关配置：

<PropertyGroup>
  <TypeScriptToolsVersion>5.2</TypeScriptToolsVersion> <!-- 替换为你安装的TS版本 -->
  <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
  <TypeScriptOutDir>wwwroot/js</TypeScriptOutDir> <!-- 按项目实际路径调整 -->
</PropertyGroup>
<ItemGroup>
  <TypeScriptCompile Include="**/*.ts" />
</ItemGroup>

保存后重新加载项目，再查看属性页即可。

检查Visual Studio的TypeScript工具安装状态
打开VS的「工具」→「获取工具和功能」，在工作负载的「Web开发」分类下确认TypeScript组件已安装，或直接搜索「TypeScript SDK」安装对应版本。旧版VS（如2019及更早）需手动更新SDK到兼容版本。
确认项目类型是否支持该选项卡
TypeScript Build选项卡仅在ASP.NET Web应用（MVC、Web Forms）、ASP.NET Core等Web类项目中显示。纯类库或非Web项目即便配置TypeScript，也不会出现该选项卡，这类情况可通过tsconfig.json或csproj编译命令手动控制编译。
清除VS缓存后重新加载项目
关闭VS，删除以下缓存文件：
- %LOCALAPPDATA%\Microsoft\VisualStudio\<版本号>\ComponentModelCache
- 项目目录下的隐藏文件夹.vs
  重新打开VS和解决方案后再检查属性页。
改用tsconfig.json管理编译配置
若以上方法均无效，直接在项目根目录创建tsconfig.json手动配置编译规则，示例：
```
{
  "compilerOptions": {
    "target": "ES6",
    "outDir": "./wwwroot/js",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["**/*.ts"],
  "exclude": ["node_modules"]
}
```
该方式无需依赖VS的TypeScript Build选项卡，完全通过配置文件控制编译，适合维护模式的项目。