VS2022启动应用时TSScripts异常，网站无法找到TypeScript文件

核心问题分析 #

你遇到的情况本质是浏览器试图直接访问未部署的原TS文件，而非编译后的JS文件，再加上项目配置或部署属性问题，导致TSScripts文件夹状态异常。

具体解决步骤 #

• 修正页面脚本引用路径
  你的TS文件编译后输出到wwwroot/js目录，浏览器只能访问wwwroot下的静态资源，无法读取项目根目录的TSScripts文件夹。检查页面中的脚本标签，把指向.ts文件的引用改成编译后的.js文件：
  错误示例：<script src="/TSScripts/app.ts"></script>
  正确示例：<script src="/js/app.js"></script>
  （SourceMap会自动关联原TS文件用于调试，无需在页面中引用TS文件）

• 核对Visual Studio的TS构建配置
  右键项目 → 属性 → 切换到「TypeScript Build」标签：

  • 确认「Output directory」与tsconfig.json中的outDir一致，均为wwwroot/js
  • 勾选「Compile on save」，确保修改TS文件后自动编译到目标目录
  • 勾选「Emit output on build」，保证项目构建时TS同步编译

• 验证tsconfig.json路径配置
  你的include规则为TSScripts/**/*，确认TSScripts文件夹与tsconfig.json处于同一级目录，可改为./TSScripts/**/*明确相对路径，避免解析歧义。同时在终端执行tsc --noEmit，检查是否有路径或语法报错。

• 调整TSScripts文件夹的部署属性
  在Visual Studio中右键TSScripts文件夹 → 属性：

  • 将「Copy to Output Directory」设置为「Do not copy」
    （原TS文件无需部署到服务器，仅需编译后的JS文件，设置为不复制可消除文件夹的异常状态）

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