typescript - 创建 react 应用程序 typescript 不加载 d.ts 文件

Question

我使用 create react app typescript 创建了一个项目。我有几个 d.ts 文件，我在其中定义了接口(interface)类型和枚举。当我运行启动脚本时。它无法加载 d.ts 文件。

以下是我的 tsconfig 文件。

{
  "compilerOptions": {
    "target": "es6",
    "lib": [
      "dom",
      "dom.iterable",
      "es2017"
    ],
    "allowJs": true,
    "skipLibCheck": false,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve",
    "pretty": true,
    "preserveConstEnums": true,
    "typeRoots": [
      "./node_modules/@types",
      "src/*"
    ]
  },
  "include": [
    "src/*"
  ]
}

typeRoot 指向 src/* ，我有我的 d.ts 文件，但没有加载任何 d.ts。我收到以下错误:

类型错误:找不到名称“IAlarmsDetails”。 TS2304

interface IAlarmProps {
        alarm: IAlarmsDetails;
}       

这是 Alarm.d.ts 之一中 IAlarmsDetails 的声明

declare type IAlarmsList = IAlarmsDetails[];

请让我知道我在这里缺少什么。我不想使用弹出选项并编写自己的构建配置。

Answer 1

似乎使用 create-react-app(版本 3.0.1)开箱即用的 .d.ts 文件的唯一方法是将其命名为 global.d .ts 放在src目录下:

src/global.d.ts

我不确定为什么这个规则没有在任何地方记录，但这是我能够让它工作的唯一方法。