TypeScript版React项目删除冗余文件报TS6053，哪些初始文件可安全删除

你遇到的TS6053报错，是TypeScript编译缓存残留了对已删除文件App.test.tsx的引用，再加上tsconfig默认会扫描整个src目录的匹配规则触发的，按以下步骤操作就能解决：

• 删掉项目根目录下的node_modules/.cache文件夹，清除CRA和TypeScript的临时编译缓存
• 核对实际的tsconfig.json文件：你贴出来的所谓tsconfig配置内容，完全是package.json的字段结构（包含dependencies、scripts这类和TS编译无关的字段），大概率是粘贴时混淆了两个文件，要确认没有误把package.json的内容覆盖到tsconfig.json里
• 重新执行yarn start启动项目，报错就会消失

基于TypeScript模板创建的React项目，以下文件删除后不会破坏项目正常编译、启动逻辑：

• 单元测试相关文件：src/App.test.tsx、src/setupTests.ts，如果不需要接入单元测试框架可以直接删除，删完记得清编译缓存就不会触发之前的报错
• 公共目录下的示例静态资源：public/logo192.png、public/logo512.png、public/manifest.json、public/robots.txt，这些是PWA模板的默认示例文件，删除后要同步把public/index.html里引用这些资源的标签删掉
• 模板内置的默认样式：src/App.css、src/index.css，如果要自定义样式可以直接替换；如果不需要内置的全局样式重置，也可以直接删除，只要同步删掉src/index.tsx、src/App.tsx里对应的样式import语句就行

• react-app-env.d.ts不建议删除：这个文件是CRA配套的TypeScript类型声明入口，作用是让TS能正确识别项目内导入的静态资源（图片、CSS等）、环境变量的类型，删了之后导入资源时会直接报“找不到对应类型声明”的TS错误。哪怕你暂时用不到这类功能，后续开发时也很容易踩坑，而且这个文件本身只有几行代码，完全不会增加项目的运行负担
• reportWebVitals.ts可以安全删除：这个文件只是用来统计网页性能指标（LCP、FID等）的工具函数，如果你不需要做性能埋点，直接删掉就行，只需要同步删除src/index.tsx里对应的import语句和reportWebVitals(console.log)的调用代码，完全不影响项目正常运行

注意：所有被删除文件对应的import语句，都要在入口文件中同步清除，否则会出现“模块找不到”的启动报错。

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