Angular 2 和 Typescript - 从单个文件导入多个接口

Question

我试过四处寻找这个问题的答案，但希望有人能够快速回答这个问题。

我有一个 Angular 2 应用程序，我正在使用 Typescript 接口来帮助构建各种数据位。问题是我有一个包含多个接口的文件，当我尝试将其导入组件时，可以毫无问题地引用第一个接口，但第二个接口会导致错误。

例如...

myapp.model.ts
  export interface IObjectA { id: number; name: string; }
  export interface IObjectB { id: number; related: IObjectA[]; }

myapp.component.ts
  import { IObjectB } from './myapp.model';

这导致 Angular CLI 编译器失败并出现错误 ...

... myapp.model.ts is not a module ...

我似乎不知道如何解决这个问题。我敢肯定我错过了一些非常明显的东西，但你知道他们怎么说第二双眼睛。

Answer 1

在每个单独的文件中制作您的界面。即制作 objectA.ts 和 objectB.ts 我认为这是 angular-cli 中的错误。如果您想深入了解，请查看 this

Answer 2

这个问题似乎是由我的 angular cli 编译器（以 NG SERVE 启动的编译器）的问题引起的。一旦我停止并重新启动 NG SERVE，问题就消失了。我可以在一个文件中有多个接口，并成功地将它们导入到我的组件中。

为了大家的信息，我是运行 (ng -v) ...

Angular 4.0.1
@angular/cli 1.0.0
节点 7.5.0
打字稿 2.2.2

希望对您有所帮助...

Angular 2 和 Typescript - 从单个文件导入多个接口

Angular 2 and Typescript - Importing multiple interfaces from a single file

angular-cli

typescript2.0

angular