Javascript Can'；无法从其他模块中找到组件

我声明AppModule并导入我的HomeModule

@NgModule({
  declarations: [
    AppComponent

  ],
  imports: [
    BrowserModule,
    HomeModule

  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

那是我的家庭模块

@NgModule({
  declarations: [
    HomeComponent,
    ContactComponent,
    Page404Component
  ],
  imports: [
    BrowserModule,
    HomeRoutingModule,
    MainModule,
    ReactiveFormsModule

  ],
  providers: []
})
export class HomeModule { 

}

接下来，我尝试添加到

app.component

a

home.component

，因此我制作了如下内容：

@Component({


     selector: 'em-home',
      templateUrl: './home.component.html',
      styleUrls: ['./home.component.scss']
   })
    export class HomeComponent {
}

要访问AppComponent.html，请执行以下操作：

<div>
<em-home></em-home>
</div>

然后我在浏览器中收到错误：

'em-home' is not a known element:
1. If 'em-home' is an Angular component, then verify that it is part of this module.
2. If 'em-home' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div>
[ERROR ->]<em-home></em-home>

“em-home”不是已知元素：
1.如果“em home”是一个角度组件，则验证它是否是此模块的一部分。
2.如果“em home”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。("
[错误->]

---

有人能解释一下怎么回事吗？

您忘记了主模块组件中的

导出

您应将其添加到此处：

@NgModule({
  declarations: [
    HomeComponent,
    ContactComponent,
    Page404Component
  ],
  imports: [
    BrowserModule,
    HomeRoutingModule,
    MainModule,
    ReactiveFormsModule

  ],
exports:[HomeComponent,
        ContactComponent,
        Page404Component], //<--here
providers: []
})
export class HomeModule { 

}

@NgModule({
声明：[
HomeComponent，
联系人组件，
Page404组件
],
进口：[
浏览器模块，
回家路线模块，
主模块，
反应窗体模块
],
导出：[HomeComponent，
联系人组件，
Page404Component]，//您忘记了主模块组件中的导出

您应将其添加到此处：

@NgModule({
  declarations: [
    HomeComponent,
    ContactComponent,
    Page404Component
  ],
  imports: [
    BrowserModule,
    HomeRoutingModule,
    MainModule,
    ReactiveFormsModule

  ],
exports:[HomeComponent,
        ContactComponent,
        Page404Component], //<--here
providers: []
})
export class HomeModule { 

}

@NgModule({
声明：[
HomeComponent，
联系人组件，
Page404组件
],
进口：[
浏览器模块，
回家路线模块，
主模块，
反应窗体模块
],
导出：[HomeComponent，
联系人组件，
Page404Component]，//不幸的是，它给了我
Uncaught RangeError:超过了最大调用堆栈大小
就像它给了我loop我必须导出：
HomeComponent
不幸的是，它给了我
Uncaught RangeError:超过了最大调用堆栈大小
就像它给了我loop我必须导出：
HomeComponent