title: MatStepperModule in Ionic 5 Cannot GET
body: <p>I am new to programming and my question might be very easy for you to answer.</p>
  <p>I am using Visual Studio Code, Ionic 5, Angular 9</p>
  <p>Now I want to add a Vertical Stepper to my project.
  So I first did npm install @angular/material</p>
  <p>and then added MatStepperModule in <strong><code>app.module.ts</code></strong>:</p>
  <pre><code>import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { RouteReuseStrategy } from '@angular/router';
  
  import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
  import { SplashScreen } from '@ionic-native/splash-screen/ngx';
  import { StatusBar } from '@ionic-native/status-bar/ngx';
  
  import { AppComponent } from './app.component';
  import { AppRoutingModule } from './app-routing.module';
  import {MatStepperModule} from '@angular/material/stepper';
  
  @NgModule({
    declarations: [AppComponent],
    entryComponents: [],
    imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, MatStepperModule],
    providers: [
      StatusBar,
      SplashScreen,
      { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
    ],
    bootstrap: [AppComponent]
  })
  export class AppModule {}
  </code></pre>
  <p>and this is in my <code>HTML</code> file:</p>
  <pre><code>&lt;form&gt;
    &lt;mat-vertical-stepper&gt;
  
    &lt;mat-step label=&quot;Step 1&quot;&gt;
      Step 1 content
    &lt;/mat-step&gt;
  
    &lt;mat-step label=&quot;Step 2&quot;&gt;
      Step 2 content
    &lt;/mat-step&gt;
  
    &lt;mat-step label=&quot;Step 3&quot;&gt;
      You are now done.
    &lt;/mat-step&gt;
  
  &lt;/mat-vertical-stepper&gt;
  &lt;/form&gt;
  </code></pre>
  <p>And in the <strong><code>routing.module.ts</code></strong>:</p>
  <pre><code>import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  
  import { CustomPage } from './custom.page';
  import {MatStepperModule} from '@angular/material/stepper';
  
  const routes: Routes = [
    {
      path: '',
      component: CustomPage
    }
  ];
  
  @NgModule({
    imports: [RouterModule.forChild(routes),MatStepperModule],
    exports: [RouterModule,MatStepperModule],
    schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
  })
  export class CustomPageRoutingModule {}
  </code></pre>
  <p>So now there is no error message inside Visual Studio Code, but if I run ionic serve, I only get:</p>
  <blockquote>
  <p>Cannot GET /</p>
  </blockquote>
  <p>What am I missing? Why is this not working?</p>