Angular 角度11-线路模块-和#x27；路由器出口'；不是已知元素

我是新来的角度，目前我正在工作的路线。我在组件中使用子路由时遇到问题。routerLink不会在组件中呈现为链接。如果我使用路由器出口，应用程序就会崩溃

使用路由器出口，我收到以下错误消息：

    src/app/gardening/gardening/gardening.component.html:5:1 - error NG8001: 'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

5 <router-outlet></router-outlet>
  ~~~~~~~~~~~~~~~

  src/app/gardening/gardening/gardening.component.ts:5:16
    5   templateUrl: './gardening.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component GardeningComponent.

这是我的app.module.ts

@NgModule({
declarations: [GardeningComponent, DemogardenComponent],
imports: [
CommonModule, RouterModule
],
exports:[GardeningComponent, DemogardenComponent]

})
export class GardeningModule { }

@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

怎么了，错过了什么

---

如果您愿意，也可以在github上查看我的存储库中的代码：

我没有看到与您提到的完全相同的错误，但我看到了与缺少导入有关的其他问题

由于

主页

和

园艺

有单独的模块，因此还需要将它们导入

app.module.ts

文件：

@NgModule({
声明：[
应用组件
],
进口：[
浏览器模块，
批准模块，
Gardening模块，//您的问题是因为应用程序模块不知道您的Gardening模块。
因此，您得到的是当前
路由器出口
错误

以下是解决方案-只需更新
app.module.ts
文件，如下所示：

从'@angular/core'导入{NgModule}；
从“@angular/platform browser”导入{BrowserModule}；
从“./app routing.module”导入{AppRoutingModule}；
从“./app.component”导入{AppComponent}；
从“./gardening/gardening.module”导入{GardeningModule}；//哦，亲爱的，完全集中在错误的构造方面！一切都按预期运行。非常感谢快速支持，你救了我一天。：-）周末愉快！Christoph