如何将组件导入两页？

Posted 2023-01-08

我有这样的结构：

• 首页-页面
• home2-页面
• 测试组件-组件

我需要能够在两页上都使用组件（<app-test-component></app-test-component>）。

如果我只使用标签：

错误错误：未捕获（承诺）：错误：模板解析错误：“ app-test-component”不是已知元素：

如果我只是将（import TestComponentComponent from '../test-component/test-component.component'）导入home.module.ts并将其放入模块import中：

core.js：9110错误错误：未捕获（已承诺）：错误：意外模块导入的指令“ TestComponentComponent”“ HomePageModule”。请添加@NgModule批注。

类似的错误，如果添加到声明中。

Git.

如何在两个页面上导入组件并使用？

答案

仅在home.module中声明TestComponentComponent。

home.module.ts

@NgModule(
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild([
      
        path: '',
        component: HomePage
      
    ])
  ],
  declarations: [HomePage, TestComponentComponent]
)
export class HomePageModule 

app.module.ts

@NgModule(
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
  providers: [
    StatusBar,
    SplashScreen,
     provide: RouteReuseStrategy, useClass: IonicRouteStrategy 
  ],
  bootstrap: [AppComponent]
)
export class AppModule