निर्यात नहीं कर सकते आयात इंटरफ़ेस - निर्यात

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' 

हालांकि, एक वर्ग का उपयोग कर ठीक है। कोई संकेत?

अद्यतन: यह किसी भी तरह इस मुद्दे से संबंधित प्रतीत हो रहा है: 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