Angular Router 出口未渲染

Question

路由器出口出现问题，无法呈现页面。

app.module 导入 RouterModule 和 RouterOutlet。

app-routing.module.ts 由以下代码组成。

`const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: '', pathMatch: 'full', redirectTo: 'home' },

];

export default routes;

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})`

当我放入app.component.html时，问题就出现了。它会抛出一个错误，说明

"Error: NG05100: Providers from the `BrowserModule` have already been loaded. If you need access to common directives such as NgIf and NgFor, import the `CommonModule` instead."

我可以链接到 app-home 组件，它工作得很好。我错过了什么？

Answer 1

BrowserModule

或

BrowserAnimationsModule

应在 app.module 中导入一次。在子模块或组件中，您需要从导入中删除

BrowserModule

或

BrowserAnimationsModule

。