将Typescript类导入React-scripts - 不是构造函数

Question

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

  

找不到模块：无法解析＆＃39; ./ DiamondNodeModel＆＃39;

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 文件的末尾。