搭建TypeScript项目陷入报错死循环，是否有类似create-react-app的一键初始化工具？

开箱即用的一键初始化工具 #

根据不同开发场景，直接使用以下官方维护的脚手架即可获得和create-react-app一致的零配置体验：

• Node.js后端/纯TS工具类项目
  执行命令npx create-ts-app@latest 你的项目名即可完成初始化。生成的项目已预设好兼容ESM/CommonJS的tsconfig.json、package.json配置，内置热更新、生产构建脚本，导入第三方依赖不会出现模块类型报错。
  追求编译速度可以选择SWC生态的初始化模板，执行npx create-swc-app@latest 你的项目名 --template ts，编译效率比原生tsc高5倍以上，配置同样开箱即用。
• 前端项目（含React/Vue/纯前端TS）
  执行命令npm create vite@latest 你的项目名 -- --template 对应模板即可完成初始化，可选模板包括vanilla-ts（纯前端TS）、react-ts（React TS项目）、vue-ts（Vue TS项目）等，所有TS语法校验、模块解析、开发服务、生产构建配置均已预设完成，无需手动调整。

现有项目报错快速修复方案 #

如果不需要重建现有项目，直接修改以下配置即可跳出循环报错：

以下配置同时兼容ESM格式导入和CommonJS生态依赖，不会出现模块类型冲突

1. tsconfig.json核心参数固定为：

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "NodeNext",
    "moduleResolution": "NodeNext",
    "esModuleInterop": true,
    "skipLibCheck": true,
    "strict": true,
    "outDir": "./dist"
  }
}

2. package.json中添加"type": "module"配置
3. 安装tsx替代nodemon作为运行工具，执行npm install -D tsx，启动命令替换为npx tsx watch app.ts，即可直接运行.ts文件，不会出现扩展名识别错误。

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