title: Navigating to Angular Component leads to 127.0.0.1 error not found
body: <p>My Angular Application was working perfectly when I built using ng build --prod and served with http-server -o.  However, something happened and now I get 404 error everytime my app should be loading a new component</p>
  
  <p>I've tried restarting my computer, rebuilding, reverting to git commits that have worked in the past, and updating my service worker.  Nothing has worked.</p>
  
  <pre><code>const appRoutes: Routes=[
    {path: '', component: HomeComponent},
    {path: 'home', component: HomeComponent},
    {path: 'whoconebioassayphase1', component: WhoConeBioassayPhase1Component},
    {path: 'editwhoconebioassayphase1', component: Editwhoconebioassayphase1Component},
    {path: 'exphutintro', component: ExpHutIntroComponent},
    {path: 'exphut', component: ExpHutComponent},
    {path: 'editexphutintro', component: EditexphutintroComponent}
  ]
  
  @NgModule({
    declarations: [
      AppComponent,
      WhoConeBioassayPhase1Component,
      NavbarComponent,
      HomeComponent,
      Editwhoconebioassayphase1Component,
      ExpHutIntroComponent,
      ExpHutComponent,
      EditexphutintroComponent,
    ],
    imports: [
      BrowserModule,
      RouterModule.forRoot(appRoutes),
      HttpClientModule,
      ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
      FormsModule,
      ReactiveFormsModule,
      AngularFireModule.initializeApp(environment.firebase),
      AngularFirestoreModule
  
    ],
    providers: [DataService],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>