没有 ChildrenOutletContexts 的提供者！在角度答案

【问题标题】：No provider for ChildrenOutletContexts! in Angular没有 ChildrenOutletContexts 的提供者！在角度
【发布时间】：2022-11-24 01:37:56
【问题描述】：

我创建了一个简单的测试应用程序，我得到 - “没有 ChildrenOutletContexts 的提供者！”错误，我已经检查了与相同但没有帮助的不同帖子。

我的结构是应用程序模块有应用程序路由模块，我正在从中延迟加载到路由示例模块（同样有路由模块）。

应用路由模块

const parentRoutes: Route[] = [
{
    path: 'test',
    loadChildren: () =>
    import('./routing-example/routingexample.module').then(
      (x) => x.RoutingExampleModule
    ),
  },
];


@NgModule({
  imports: [RouterModule.forRoot(parentRoutes)],
  exports: [RouterModule],
})
export class AppRoutingModule { }

应用程序模块文件

import { AppRoutingModule } from './app-routing.module';

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

路由示例路由模块

import { Component1 } from "./component1/component1.component";
import { Component2 } from "./component2/component2.component";
import { RoutingExampleComponent } from "./routingexample.component";


export const compRoutes: Route[] = [
  {
    path: '',
    component: RoutingExampleComponent,
    children: [
      {
        path: 'comp1',
        component: Component1,
        pathMatch: 'full',
      },
      {
        path: 'comp2',
        component: Component2,
        pathMatch: 'full',
      },
      {
        path: '',
        redirectTo: 'comp1',
        pathMatch: 'full',
      },
    ],
  },
];

@NgModule({
  imports: [RouterModule.forChild(compRoutes)],
  exports: [RouterModule],
})

export class RoutingExampleRoutingModule {

}

路由示例模块 -

import { RoutingExampleComponent } from "./routingexample.component";

@NgModule({
  imports: [
    RoutingExampleRoutingModule
  ],
  declarations: [
    RoutingExampleComponent,
   Component1,
   Component2
  ],
})
export class RoutingExampleModule {
 
}

我的应用程序 html 只有 -

<router-outlet></router-outlet>

我知道因为这个唯一的问题即将到来但不知道确切的问题，

任何帮助将不胜感激。

【问题讨论】：

标签： angular typescript angular-ui-router

【解决方案1】：

如果您在 html 中使用表单，则必须在 RoutingExampleModule 中导入 ReactiveFormsModule，但是我不确定这是否能解决您的问题。

尝试导入 ReactiveFormsModule，有时这可能会产生此类问题。

【讨论】：

不，我没有使用表单控件。