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

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

对于每个人的信息，我正在运行（ng -v）......

Angular 4.0.1
@ angular / cli 1.0.0
节点7.5.0
Typescript 2.2.2

希望这有助于......

Answer 2

在每个单独的文件中创建接口。我生成objectA.ts和objectB.ts我认为这是angular-cli中的一个错误。如果您想深入挖掘，请查看this

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

2 个答案: