打字稿未拾取环境定义文件

Question

我正在创建this sandbox，在./src/components/tree/index.tsx中，我有以下代码：

/// <reference path="./Tree.d.ts" />

export const Tree: React.FunctionComponent<TreeProps> = ({

在Tree.d.ts中，我具有接口定义：

export interface TreeProps<Datum, LinkComponentType, NodeComponentType> {
  top?: number;
  left?: number;

但是tsc在抱怨：

  

找不到名称'TreeProps'.ts（2304）导出的变量'Tree'具有或   使用私有名称'TreeProps'.ts（4025）

Answer 1

  

您忘记了从文件中导入interface TreeProps。

只需在您的src/components/Tree/index.tsx中添加以下行

import {TreeProps} from './Tree'

您还需要将参数传递给Tree道具

---

以下是我想让您知道的一些事情，也许您已经在这里知道了一些事情。

1. 文件abc.js中模块的声明文件应位于abc.d.ts中，文件名应相同且应在同一目录中，否则您必须显式添加{{ 1}}。

2. 声明文件用于区分 javascript模块的类型，因此，在编写打字稿时，无需添加declare module文件，{{ 1}}将自动生成.d.ts和相应的tsc文件。