在VS Code中运行TypeScript代码遇语言不支持错误，如何查看输出？

• 检查调试运行配置（launch.json）
  如果你用VS Code的调试功能运行代码，打开.vscode/launch.json，确认：

  • program字段指向编译后的JS文件（比如${workspaceFolder}/dist/your-file.js），不是TSX源文件；
  • type字段匹配你的运行环境，Node环境设为node，浏览器环境设为chrome；
  • 开启sourceMaps（设为true），确保能关联到TSX源文件断点。

• 验证Code Runner插件配置（如果用它运行）
  若使用Code Runner插件执行代码，打开VS Code设置（快捷键Ctrl+,），搜索code-runner.executorMap，确认TSX的执行命令正确：

  • 若直接运行TSX文件，配置为"tsx": "npx tsx $fullFileName"；
  • 若运行编译后的JS文件，配置为"tsx": "node $fullFileName.js"。
    也可以右键文件选择“Run Code”，检查底部终端的命令是否符合预期。

• 确认VS Code语言支持扩展状态
  确保VS Code内置的TypeScript and JavaScript Language Features扩展未被禁用：打开扩展面板（快捷键Ctrl+Shift+X），搜索该扩展，确认状态是“已启用”。若之前禁用过，重新启用后重启VS Code。

• 检查tsconfig.json编译配置
  打开项目根目录的tsconfig.json：

  • 确认outDir路径正确，编译生成的JS文件确实在该目录下；
  • target字段匹配运行环境（比如Node环境设为ES2020或更高），避免语法不兼容导致运行失败；
  • 执行tsc --build重新编译，确保没有编译错误，生成的JS文件完整。

• 终端运行命令的正确性
  如果手动在终端运行代码：

  • 运行编译后的JS文件：使用node ./path/to/your-file.js；
  • 直接运行TSX文件：需要安装tsx或ts-node工具，执行npx tsx your-file.tsx，不要直接用node命令运行TSX源文件（Node本身不识别TSX语法）。

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