routerLink не работает с сборкой AOT

Question

РоутерLink отлично работает, когда я делаю обычную сборку JIT. Но когда я пытаюсь сделать ссылку AOT build router, она не перенаправляется на указанный маршрут.

Мой HTML код

<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> 

Поскольку маршрутизация работает в JIT сборки поэтому я думаю, либо я что-то пропустил в моем процессе сборки WebPack или это ошибка в @angular/router модуль, более вероятно, первый.

Ссылка на мерзавец репо с полным кодом: версия https://github.com/rachitbhasin/ng2-webpack-aot

Node: 6.4.0 или выше.

Установки зависимости: npm install

Run DEV/JIT сборка: npm run start

Run АОТ сборка: npm run build

Запуска сервер после АОТА сборки: npm run server

Спасибо заранее.

Answer 1

Причина не в перенаправлении углового маршрутизатора, а в http-сервере, который не может дать подходящий ответ для запроса.

Просто настройте свой http-сервер на , всегда возвращайте файл index.html.

См. Этот пример с Express.