VSCode启动TypeScript程序报错：无法找到对应JavaScript文件，求解决方案

我来帮你搞定这个头疼的问题——你遇到的核心问题是VSCode的启动配置没和TypeScript的编译流程对齐，哪怕手动生成了JS文件，VSCode还是没找到正确的执行入口。下面一步步来解决：

1. 先确认TypeScript编译环境 #

首先确保你已经正确安装了TypeScript编译器：

• 全局安装（推荐）：在命令行执行 npm install -g typescript
• 本地项目安装：进入项目目录执行 npm install typescript --save-dev
  验证安装成功：执行 tsc -v，能输出版本号就没问题。

2. 配置tsconfig.json（关键） #

VSCode依赖这个文件识别TypeScript的编译规则，在项目根目录创建tsconfig.json，粘贴以下基础配置（可按需调整）：

{
  "compilerOptions": {
    "target": "ES6",        // 编译目标JS版本
    "module": "CommonJS",   // 模块规范，适配Node.js
    "outDir": "./",         // JS文件输出目录，这里设为和TS同目录；如果想放单独文件夹可以改成"./dist"
    "rootDir": "./",        // TS源文件根目录
    "strict": true,         // 开启严格类型检查（可选但推荐）
    "esModuleInterop": true // 兼容CommonJS和ES模块
  },
  "include": ["hw.ts"],     // 要编译的TS文件
  "exclude": ["node_modules"] // 排除不需要编译的目录
}

3. 配置VSCode启动项（launch.json） #

你用的“Start without debugging”是基于VSCode的启动配置，需要让它知道启动前先编译TS，并且找到生成的JS文件：

1. 打开VSCode的「运行和调试」面板（Ctrl+Shift+D）
2. 点击「创建launch.json文件」，选择「Node.js」环境
3. 替换默认配置为以下内容：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch TS Program",
      "program": "${workspaceFolder}/hw.ts", // 你的TS源文件路径
      "preLaunchTask": "tsc: build - tsconfig.json", // 启动前自动执行TS编译任务
      "outFiles": ["${workspaceFolder}/**/*.js"] // 指定生成的JS文件位置，如果outDir设为dist就改成"${workspaceFolder}/dist/**/*.js"
    }
  ]
}

这里的preLaunchTask是核心——它会帮你自动编译TS，再也不用手动敲tsc hw.ts了！

4. 配置编译任务（tasks.json，如果需要） #

如果VSCode提示找不到preLaunchTask，按以下步骤生成：

1. 打开命令面板（Ctrl+Shift+P）
2. 输入「Tasks: Configure Task」，选择「tsc: build - tsconfig.json」
3. VSCode会自动生成tasks.json，不用手动修改，直接保存即可。

5. 测试运行 #

现在再点击「Start without debugging」，VSCode会先自动编译hw.ts生成对应的JS文件，然后直接运行它——再也不会出现找不到JS文件的报错了！

为什么你之前手动编译还是报错？ #

你手动生成JS后仍报错，大概率是因为：

• VSCode的启动配置里outFiles没指向你手动生成的JS文件位置
• 没有配置preLaunchTask，VSCode默认期望自动编译流程，而非手动生成的JS

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