アプリケーションモジュールにCUSTOM_ELEMENTS_SCHEMAを追加した後に子コンポーネントが読み込まれない

HostComponentという名前のコンポーネントがあります。このコンポーネントを起動コンポーネントとして追加すると、すべて動作し、アプリケーションはうまく動作します。アプリケーションモジュールにCUSTOM_ELEMENTS_SCHEMAを追加した後に子コンポーネントが読み込まれない

その後、私はAppModuleと呼ばれる1つの以上のモジュールを作成して、アプリケーションのコンポーネント内

import { Component, Input } from '@angular/core'; 
@Component({ 
    selector: 'main-app', 
    template: '<ds-framework-host >Loading...</ds-framework-host>' 
}) 
export class AppComponent { 
constructor(){ 

} 
}

AppModule

@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    ,HostModule 
    ], 
    schemas:[], 
    bootstrap: [AppComponent], 
    entryComponents: [ 
    SomeOtherEntryComponentsHere 
    ] 
}) 
export class AppModule { 

}

をホストコンポーネントをラップIndex.htmlと

<body> 
      <main-app></main-app> 
</body>

ホストモジュール（ホストコンポーネントが存在する場合）私は、私は以下のエラーこのエラーを抑制するために

を取得していたアプリケーションを実行しようとすると、私はCUSTOM_ELEMENTS_SCHEMAを追加した

@NgModule({ 
    declarations: [ 
    HostComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    DashboardModule, 
    ], 
    schemas:[CUSTOM_ELEMENTS_SCHEMA], 
    exports:[] 

}) 
export class HostModule { 

}

以下のリファレンスに基づいてappモジュールに追加します。 CUSTOM_ELEMENTS_SCHEMA added to NgModule.schemas still showing Error

エラーが発生しますが、私の<ds-framework-host>はロード中ですが、この子コンポーネント内で何も実行されていません。 4.0.0.0

どのように私はこのエラーを解決することができますし、なぜそれが起こっているの？ - 開発者向けツールではエラーは

角度のバージョンを示していませんか

出典

2017-07-17 JEMI

ds-framework-hostコンポーネントをAppComponentにインポートする必要があります。 ds-framework-hostコンポーネントコードを追加することもできますか？ –

@junky私はホストモジュールでエクスポートを見逃していたので、私は問題を尋ねました – JEMI

あなたのapp.moduleであなたの宣言配列にあなたのDS-フレームワーク - ホストコンポーネントを持っていません。 ds-framework-hostがネイティブなカスタム要素である場合は、CUSTOM_ELEMENTS_SCHEMAを使用する必要があります。

出典

2017-07-17 19:56:04

コンポーネントが別のモジュールにある場合、宣言に入れる必要はありません。ホストモジュールでコンポーネントをエクスポートした後で問題を修正しました。 – JEMI

「HostComponent」とは何かに関する情報が不十分です。 AppComponentで使用するAppModuleの宣言にHostComponentを追加するだけでした。

@NgModule({ 
    declarations: [ 
    AppComponent, 
    HostComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule 
    . 
    . 
    . 
    ], 
    bootstrap: [AppComponent], 
    entryComponents: [ 
    SomeOtherEntryComponentsHere 
    ] 
}) 

export class AppModule {}

出典

2017-07-17 19:58:55 Rama

私は、ホストモジュールで輸出HostComponentで、私の問題を修正しました。このコンポーネントはAppモジュールで使用するために別のモジュールであるため、エクスポートする必要があります。

@NgModule({ 
    declarations: [ 
    HostComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    DashboardModule, 
    ], 
    schemas:[CUSTOM_ELEMENTS_SCHEMA], 
    exports:[HostComponent] 

}) 
export class HostModule { 

}

出典

2017-07-17 20:14:37 JEMI

アプリケーションモジュールにCUSTOM_ELEMENTS_SCHEMAを追加した後に子コンポーネントが読み込まれない

答えて

関連する問題