Importing Module without routes : <p>I have a situation where our main app lazily loads other modules: </p>

<pre><code>//main NgModule
RouterModule.forRoot(
[
  {path:'profile', loadChildren:'path/to/profile.module#ProfileModule}, 
  {path:'classroom', loadChildren:'path/to/classroom.module#ClassroomModule},
  {path:'tests', loadChildren:'path/to/test.module#TestsModule}
])
</code></pre>

<p>Now the profile module has a few components in it that are necessary for the Classroom module. </p>

<pre><code>//Profile NgModule
RouterModule.forChild(
[
  {path:'', component:ProfileComponent, 
])

//Classroom NgModule
imports: [
  ProfileModule,
  RouterModule.forChild(
  [
    {path:'', component:ClassroomComponent} //this requires a component in ProfileModule
  ])
]
</code></pre>

<p>This compiles nicely but when I try to navigate to '/classroom' all I get is the ProfileComponent </p>

<p>I suppose this is because the ProfileModules route configuration is being combined with the ClassroomModule route configuration. Is there a way I could prevent this from happening? I'd prefer not having to remove all of the shared components from ProfileModule and putting them into a new shared module if possible. </p>
