angular2 "kein bekanntes Element" Fehler: alles versucht wurde

Question

Sehr klassische Situation, in der ich versuche, einige Komponenten in einem anderen Modul zu verwenden:

Foreign Komponente:

import { Component, ViewEncapsulation, 
    ElementRef, ViewChild, Input, Output, 
    EventEmitter } from '@angular/core'; 

declare var __moduleName: string 

@Component({ 
    moduleId: __moduleName, 
    selector: 'bidule', 
    templateUrl: 'bidule.html', 
    styleUrls: [], 
    encapsulation: ViewEncapsulation.None 
}) 
export class BiduleComponent { 

    @Input() config: { } 

    constructor(protected elRef: ElementRef) { 
    } 

} 
// template : <p>basic text</p> 

Außenmodul:

import { NgModule }  from '@angular/core'; 
import { CommonModule } from '@angular/common'; 

import { BiduleComponent } from './bidule' 

@NgModule({ 
    imports: [ 
    ], 
    declarations: [ 
    BiduleComponent 
    ], 
    exports: [ 
    BiduleComponent 
    ] 
}) 
export class BiduleModule {} 

Hauptbestandteil:

... 
import { BiduleComponent }  from '../../bidule/bidule' 
... 
// template : <bidule></bidule> 

Hauptmodul:

import { BiduleModule }   from '../../bidule/module' 
// ... 
@NgModule({ 
    imports: [ 
    // ... 
    BiduleModule 
    ] 
}) 

Ich glaube, ich habe alles überprüft:

https://stackoverflow.com/questions/44429996#44430230

Wenn Sie eine Idee haben. Danke im Voraus.

(bidule ist ein Wort Französisch für thingamajig)

Answer 1

Sie müssen nur das Außenmodul im Hauptmodul importieren und die <bidule></bidule> zu keinem Bestandteil des Hauptmoduls verwenden. Sie haben recht, wenn Sie die BiduleComponent exportieren, aber nicht direkt in die Hauptkomponente importieren müssen, reicht es aus, das Fremdmodul in das Hauptmodul zu importieren.