將CUSTOM_ELEMENTS_SCHEMA添加到應用程序模塊後未加載子組件

我有一個組件，名稱爲HostComponent，當我將此組件作爲啓動組件時，一切正常，我的應用程序正常工作。將CUSTOM_ELEMENTS_SCHEMA添加到應用程序模塊後未加載子組件

然後，我創建一個名爲的AppModule多個模塊，敷應用組件內部的主機組件

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>

主機模塊（其中主機組件存在）

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

}) 
export class HostModule { 

}

當我嘗試運行我提示以下錯誤：

爲了抑制這種錯誤的應用程序，我已經添加CUSTOM_ELEMENTS_SCHEMA基於以下參考的應用模塊。 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」到底是什麼還沒有足夠的信息。您只需將HostComponent添加到AppModule中的聲明以在AppComponent中使用即可。

@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添加到應用程序模塊後未加載子組件

回答

相關問題