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 repo： https://github.com/rachitbhasin/ng2-webpack-aot

节点版本：6.4.0或更高版本。

安装依赖项： npm install

运行DEV / JIT构建：npm run start

运行AOT构建：npm run build

在AOT构建后运行服务器：npm run server

提前致谢。

Answer 1

原因不是Angular路由器转发，而是http服务器，它无法为请求提供合适的响应。

只需将您的http服务器配置为始终返回index.html 文件即可。

使用Express查看此示例。