Angular 4 - проблема с маршрутизацией, добавлен новый маршрут, и он выглядит как другие, но при обновлении страницы выдает ошибку 404

В терминале на моем локальном хосте я вижу, что npm говорит "Ошибка 404 / монеты"

Затем на странице написано Не найдено.

Эти URL-адреса работают нормально

 http://localhost:8808/events/new
 http://localhost:8808/events

Но я ДОБАВИЛ в эти "монеты" одну

Иди туда

http://localhost:8808/coins

Обновить - проблема

navbar.component.html

    <li>
      <a [routerLink]="['/coins']">All Coins</a>
    </li>
    <li>
      <a [routerLink]="['/events']">All Events</a>
    </li>
    <li><a [routerLink]="['/events/new']">Create Event</a></li>

Затем маршруты.ts

export const appRoutes:Routes = [
{ path: 'events/new', component: CreateEventComponent },  // process this first , since we have events/:id
{ path: 'events', component: EventsListComponent },
{ path: 'events/:id', component: EventDetailsComponent },
{ path: 'coins', component: CoinsListComponent },
{ path: '', redirectTo: '/events', pathMatch: 'full'}

]

index.html

 <base href="/">

Так что все работало до добавления этих монет... и обновления страницы, даже жесткого обновления.

1. Это не Angular 1 (angularJS), это на 100% самая последняя версия 4.0 с import { Routes } from '@angular/router'

В чем может быть проблема?

Обновление: отображение компонента Coin

import { Component, OnInit } from '@angular/core'
import { CoinService } from './coin.service'

@Component({
    template: `
    <div *ngFor="let coin of coinsList">
     abc
     </div>
    `
})
export class CoinsListComponent implements OnInit {
    coinsList:any[]
    constructor(
        private coinService: CoinService
    ){
    }

    ngOnInit() {
        console.log('oninit coins')
        this.coinsList = this.coinService.getAllCoins()
    }
}