Viele Module mit der gleichen Komponente verursacht Fehler - Winkel-2

Ich haben eine gemeinsame Komponente namens GoComponent, den ich verwenden wollte in 2 Module: FindPageModule und AddPageModule.

Wenn ich es in den Erklärungen von "FindPageModule" und in meiner "AddPageModule" bekomme ich eine Fehlermeldung:

finden:21 Error: (SystemJS) Typ GoComponent ist Teil der Erklärungen
2 Module: FindPageModule und AddPageModule! Bitte in Erwägung ziehen
GoComponent zu einem höheren Modul, dass die Einfuhren FindPageModule und
AddPageModule. Sie können auch eine neue NgModule, Export und
enthält GoComponent importieren Sie dann, dass NgModule in FindPageModule und
AddPageModule.

So, ich nehme es Ihnen beiden, und fügen Sie es in AppModule Erklärungen, die nicht importieren FindPageModule und AddPageModule, und ich bekomme eine Fehlermeldung in der Komponente "FindFormComponent", die in den Erklärungen von FindPageModule und verwendet "GoComponent":

zone.js:355 Unhandled Promise rejection: Template parse errors:
'go' is not a known element:
1. If 'go' is an Angular component, then verify that it is part of this module.
2. If 'go' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. (" style="height:64px;">
            <div style="position: relative; display: inline-block; width: 100%;">
                [ERROR ->]<go></go>
            </div>
        </div>
"): FindFormComponent@101:4 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors:(…) Error: Template parse errors:
'go' is not a known element:
1. If 'go' is an Angular component, then verify that it is part of this module.
2. If 'go' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. (" style="height:64px;">
            <div style="position: relative; display: inline-block; width: 100%;">
                [ERROR ->]<go></go>
            </div>
        </div>
"): FindFormComponent@101:4

Wie kann ich Komponenten wie FindFormComponent deklariert werden FindPageModule verwenden GoComponent und ließ auch den deklarierten Komponenten von AddPageModule verwenden GoComponent?

InformationsquelleAutor der Frage BeniaminoBaggins | 2016-10-08

  1. 28

    Ja, Komponenten erklärt werden kann nur in ein Modul, und noch sind deren Zugang geerbt, in irgendeiner Weise, was bedeutet, deklarieren Sie in der main-app-Modul wird nicht geben Ihnen Zugang zu jedem anderen Modul.

    Wenn Sie eine Komponente, die verwendet wird von anderen Modulen, im Allgemeinen, Sie Weg zu gehen, ist, um es in einem gemeinsamen Modul

    Include-Komponente in einem gemeinsamen Modul:

    @NgModule({
  declarations: [ SharedComponent ],
  exports: [ SharedComponent ]
})
class SharedModule {}

    Wie die gemeinsame Nutzung der module an anderer Stelle:

    @NgModule({
  imports: [ SharedModule ]
})
class ModuleWithComponentThatUsesSharedComponent {}

    Siehe Auch

    InformationsquelleAutor der Antwort Paul Samsotha

  2. 1

    Wenn Sie möchten, verwenden Sie die GoComponent über mehrere Module, die Sie erstellt werden soll ein "shared" - Modul und fügen Sie die GoComponent auf den freigegebenen Moduls exportiert. Dann importieren Sie freigegebenen Modul in die anderen Module, wo Sie wollen, diese Komponente zu verwenden.

    Erfahren Sie mehr Informationen hier

    Hoffe diese Hilfe!

    InformationsquelleAutor der Antwort Ha Hoang

Schreibe einen Kommentar