角度＆＃34;找不到主要出口＆＃34;使用平台服务器时

Question

使用platform-browser时应用程序运行正常，但在服务器上无效，在服务器控制台中抛出以下错误：

  

...

     

错误：无法找到主要插座加载＆＃39; MainComponent＆＃39;

     

...

路由在单独的模块app.routing.module.ts中定义：

const routes: Routes = [
{
  path: '',
  component: MainComponent,
  resolve: {
    categoryLists: CategoriesResolver
  },
  children: [
     { path: '', pathMatch: 'full', component: HomeComponent}
    ]
  }
];

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

app.component.html：

<div>
  <router-outlet></router-outlet>
</div>

Answer 1

如果您使用invokedynamic属性，那么您必须拥有2个路由器插座。你有2个吗？ On为MainComponent，另一个为其子组件。

在您的MainComponent模板中，您也应该有一个路由器插座。