routerLink無法與AOT構建

Question

當我執行常規JIT構建時，routerLink正常工作。但是，當我嘗試做一個AOT構建路由器鏈接不重定向到指定的路由。

我的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模塊，更可能是一個錯誤第一。

鏈接到git倉庫與完整代碼： https://github.com/rachitbhasin/ng2-webpack-aot

節點版本：6.4.0或更高。

安裝依賴： npm install

運行DEV/JIT編譯：npm run start

運行AOT編譯：AOT編譯後npm run build

運行服務器：npm run server

在此先感謝。

Answer 1

原因不是Angular路由器轉發，而是http服務器，它無法爲請求提供合適的響應。

只需將您的http服務器配置爲總是返回index.html文件。

看到這個例子Express。