Javascript Typescript，React-循环依赖项解析问题。TypeError:对象原型只能是对象或null:未定义

我正在开发一个带有typescript的react应用程序。在我面临的问题中，有两个独立的接口和一个组件类，这些接口是导入的。问题是，当应用程序运行时，组件类会尝试按顺序导入两个接口，但是，这些接口也会相互导入，这会导致循环错误倾向行为，并导致应用程序崩溃，出现

TypeError:object prototype可能只是一个对象或null:undefined。

我把示例代码放在下面。此外，我无法修改接口中的字段数据模型。欢迎任何帮助

import {B} from "../../some/path";
import {C} from "../some/other/path";
export interface A {
    field1: B,
    field2: C
}

import {A} from "../../other/path";
import {D} from "../some/other/path";
export interface B {
     field1: A,
     field2: D
}

import {A} from "../../other/path"
import {B} from "../some/path"
export class TEST extend React.Component<>{
  this.inputEntity1: A;
  this.inputEntity2: B;
}

从“../../some/path”导入{B}；
从“./some/other/path”导入{C}；
导出接口A{
字段1:B，
字段2:C
}
从“../../other/path”导入{A}”；
从“./some/other/path”导入{D}；
导出接口B{
字段1:A，
字段2:D
}
从“./../other/path”导入{A}
从“./some/path”导入{B}
导出类测试扩展React.Component{
本附录1:A；
这个。输入2:B；
}

---

注意：所有接口和类都位于不同的文件中。

为什么这些接口会相互导入？如果它们是分开的，就不应该这样做。这只是创建了一个无法解析的循环依赖项。改进组件导入层次结构以防止出现这种情况。原因是一个接口的对象类型为另一个接口，反之亦然。那么，我如何创建包含其他接口作为对象的接口呢？“一个接口有一个类型为其他接口的对象，反之亦然。”这意味着您正在另一个接口中使用这些接口。你不想那样做。通过让对象相互导入，您试图实现什么？他们应该彼此不知道。只有父组件应该有它们的副本，并控制显示它们所涉及的所有逻辑。谢谢你的评论。我试着修复缺陷。