react typescript项目中的react-app-env.d.ts是什么答案

【问题标题】：What is the react-app-env.d.ts in a react typescript project forreact typescript项目中的react-app-env.d.ts是什么
【发布时间】：2021-07-19 14:34:29
【问题描述】：

我刚刚使用 create-react-app 工具创建了一个 react typscript 应用程序，我在项目结构中找到了一个名为 react-app-env.d.ts 的文件。我需要知道这个文件的用途是什么

【问题讨论】：

标签： reactjs typescript create-react-app

【解决方案1】：

正如@mazedul-islam 所说的那样

此文件仅用于确保 Typescript 编译器选择 create-react-app 基本类型。最好不要删除或更改，因为它可能会因 create-react-app 中的任何可能更改而更新。 Next.js 做同样的事情，它的解释可能会提供更好的洞察力：https://nextjs.org/docs/basic-features/typescript#existing-projects

这个文件有一个三斜杠指令，它只是引用一个带有一些类型定义的文件。您可以检查它或直接从 node_module 中打开它：node_modules/react-scripts/lib/react-app.d.ts

【讨论】：

【解决方案2】：

此文件引用特定于使用 Create React App 启动的项目的 TypeScript 类型声明。

这些类型声明增加了对导入资源文件的支持，例如 bmp、gif、jpeg、jpg、png、webp 和 svg。这意味着以下导入将按预期工作而不会出错：

import logo from './logo.svg';

它还增加了对导入 CSS 模块的支持。这与导入具有 .module.css、.module.scss 和 .module.sass 扩展名的文件有关。

Checkout this blog post

【讨论】：

为什么这种类型声明不应该工作？我不清楚。