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

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

对于每个人的信息,我正在运行(ng -v)...

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

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