reactjs - 将 Typescript 类导入 React 脚本 - 不是构造函数

Question

我有一个现有的应用程序，我正在尝试导入一个 Typescript 文件，我使用 Yarn 和 React-scripts。

未找到模块：无法解析“./DiamondNodeModel”

import {DiamondNodeModel} from './DiamondNodeModel'

在 DiamondNodeModel.ts

export class DiamondNodeModel extends NodeModel {
    constructor() {
        super("diamond");
        this.addPort(new DiamondPortModel("top"));
        this.addPort(new DiamondPortModel("left"));
        this.addPort(new DiamondPortModel("bottom"));
        this.addPort(new DiamondPortModel("right"));
    }
}

我假设我遗漏了一些允许导入 TypeScript 文件的东西.. 但我不确定在哪里使用 React-scripts 设置它..

编辑

更改扩展名找到它，但它仍然无法编译

WEBPACK_IMPORTED_MODULE_3__DiamondNodeModel_ts .DiamondNodeModel 不是构造函数

Answer 1

我们通过添加以下内容设法解决了这个问题：

export { DiamondNodeModel } 

在 DiamondNodeModel.ts 文件的末尾。