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

前端之家收集整理的这篇文章主要介绍了Angular 2和Typescript – 从单个文件导入多个接口前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经尝试过搜索高低的答案,但希望有人能够迅速回答这个问题.

我有一个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 ...

我似乎无法解决如何解决这个问题.我确定我错过了一些非常明显的东西,但你知道他们对第二双眼睛的看法.

解决方法

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

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

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

希望这有助于……

猜你在找的Angularjs相关文章