不能導入導出接口 - 出口未發現

Question

我的問題減少到這個例子：

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' 

但是，使用類是OK。任何提示？

UPDATE：這似乎是某種方式與這個問題有關：https://github.com/webpack/webpack/issues/2977

Answer 1

昨天，我發現了另一個問題，在這裏和解決其申報出口接口是一個單獨的文件。每個文件有一個界面，它對我沒有任何警告。

Answer 2

消除警告的另一種方法是a union of the interface with itself稍微令人討厭的破解。

@Input() bar: B | B; 

Answer 3

這爲我工作：使用

@Input() bar: B | null; 

角4.4.3 +打字稿2.3.4