title: Lazy Loading Problem : Cannot match any routes. URL Segment
body: <p>I am working on the Angular 11 version. Used the lazy loading. But at that time of running the application it shows me an error. Also</p>
  <pre><code>&lt;a [routerLink]=&quot;['/Login']&quot;&gt;Login&lt;/a&gt;
  &lt;a [routerLink]=&quot;['/student/Add']&quot;&gt;Student&lt;/a&gt;
  </code></pre>
  <p>Break the project into two folders 1) Home, here is the <strong>home.routing.ts file code.</strong></p>
  <pre><code>
  const routes: Routes = [
   
    {path:'Login',component:UserLoginComponent},
    {path:'student',
      loadChildren:()=&gt;import('../Student/Student.module').then(m=&gt;m.StudentModule),
    canActivate:[MyAuthGuard]}
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
  })
  export class HomeRoutingModule { }
  
  </code></pre>
  <ol start="2">
  <li>Student Folder, <strong>Student.Routing.ts file</strong></li>
  </ol>
  <pre><code>const Studentroutes: Routes = [
  
   {path:'Add',component:StudentComponent},
  
  ];
  
  @NgModule({
    imports: [RouterModule.forChild(Studentroutes)],
    exports: [RouterModule]
  })
  export class StudentRoutingModule { }
  </code></pre>
  <p>Here is the <strong>UserLogin.Component.ts</strong> file Button click event.</p>
  <pre><code>  Add(){
      alert(this.stuMNGTObj.name);
      var observable = this.httpClient.post(this.config.apiUrl+&quot;home/Insert&quot;,this.stuMNGTObj);
      observable.subscribe(res=&gt;this.Sucess(res),res=&gt;this.Error(res)); 
      alert(&quot;Conti&quot;); 
  }
  </code></pre>