TypeScript编译app.ts无法输出app.js到public目录的配置问题

你的tsconfig.json配置本身逻辑没有错误，符合输出要求，编译后文件未正确生成到目标目录，通常是操作层面的问题，对应解决方法如下：

常见问题排查与修复 #

• 执行编译的工作目录错误
  tsc 默认会读取执行命令时所在目录下的tsconfig.json，如果在src目录或者MyProject之外的路径执行编译，会无法读取到你的配置规则，导致输出路径错误。
  修复方式：确保在MyProject根目录（和tsconfig.json同级的目录）执行编译命令。

• 执行tsc时指定了具体文件路径
  如果你执行的是tsc src/app.ts这类带指定文件参数的命令，tsc会主动忽略项目下的tsconfig.json配置，直接在命令执行目录输出编译后的js文件。
  修复方式：去掉指定文件的参数，直接执行tsc命令，tsc会自动匹配rootDir下的所有ts文件，按照配置规则输出到outDir目录。

• 目录结构或文件命名不匹配
  检查src目录下是否存在正确命名的app.ts文件，确认文件后缀为.ts而非.tsx或其他格式，也不存在拼写错误。

验证操作步骤 #

你可以按照以下流程操作实现目标目录结构：

1. 确认初始目录结构符合预期：

MyProject
├── tsconfig.json
├── public
│   └── index.html
└── src
    └── app.ts

2. 打开终端切换到MyProject根目录
3. 直接执行命令：tsc
4. 此时查看public目录下就会自动生成编译后的app.js文件

如果仍有异常，可以执行tsc --project ./tsconfig.json强制指定读取当前目录的配置文件执行编译。

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