angular – 无法导入导出的接口 – 未找到导出

我把问题简化为这个例子:

test.model.ts

export class A {
    a: number;
}

export interface B {
    b: number;
}

test.component.ts

import { Component,Input } from '@angular/core';
import { A,B } from './test.model';

@Component({
    selector: 'test',template: '<h1>test</h1>'
})
export class TestComponent {

    //This works fine
    @input() foo: A;

    //Does NOT work - export 'B' was not found in './test.model'
    @input() bar: B;

}

当我想使用界面时,我收到以下警告:

WARNING in ./src/app/.../test.component.ts
21:76 export 'B' was not found in './test.model'

但是,使用类是可以的.任何提示

更新:似乎与此问题有某种关联:https://github.com/webpack/webpack/issues/2977

昨天我在这里找到了另一个问题,解决方法是将导出的接口声明为一个单独的文件.每个文件一个界面,它适用于我没有任何警告.

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...