routerLink funktioniert nicht mit AOT Build

Question

Der routerLink funktioniert gut, wenn ich einen normalen JIT-Build mache. Aber wenn ich versuche, einen AOT-Build-Router Link wird nicht auf die angegebene Route umleiten.

Mein HTML-Code

<ul id="submenu" class="lista-menu aln-centro"> 
    <li><a 
     routerLinkActive='active' 
     routerLink='home' 
    >Home</a></li> 
    <li><a 
     routerLinkActive='active' 
     routerLink='products' 
    >Products</a></li> 
    <li><a 
     routerLinkActive='active' 
     routerLink='about' 
    >About</a></li> 
    <li><a 
     routerLinkActive='active' 
     routerLink='contacts' 
    >Contacts</a></li> 
</ul> 

Da das Routing im JIT-Build arbeitet deshalb denke ich, entweder ich etwas in meinem webpack Build-Prozess verpasst haben oder dies einen Fehler in der das @angular/router Modul, desto wahrscheinlicher Erster.

Link-Repo mit dem vollständigen Code git: https://github.com/rachitbhasin/ng2-webpack-aot

Node-Version: 6.4.0 oder höher.

Abhängigkeiten installieren: npm install

Run DEV/JIT build: npm run start

Run AOT build: npm run build

Run-Server nach AOT Build: npm run server

Vielen Dank im Voraus.

Answer 1

Die Ursache ist nicht die Angular-Router-Weiterleitung, sondern der http-Server, der keine passende Antwort für die Anfrage geben kann.

Konfigurieren Sie einfach Ihren HTTP-Server immer die index.html Datei zurück.

Siehe dieses Beispiel mit Express.