Angular 17+独立模块导航栏路由失效及多HTML文件作用咨询

一、导航路由无法跳转至Contact页面 #

此前使用旧版本Angular，现在基于Angular 17+独立模块开发时，导航栏无法跳转至Contact页面。已尝试重新配置路由、添加重定向（曾短暂生效后失效），还调整过组件及上层HTML文件的<html><head><body>标签，但问题仍未解决。当前导航路由代码如下：

<li class="nav-item home" id='nav-links'>
    <a [routerLink]="['/']">Home</a>
</li>
<li class="nav-item about" id='nav-links'>
    <a [routerLink]="['/about']">About</a>
</li>
<li class="nav-item contact" id='nav-links'>
    <a [routerLink]="['/contact']">Contact</a>
</li>
<li class="nav-item project" id='nav-links'>
    <a [routerLink]="['/projects']">Projects</a>
</li>

二、HTML文件结构疑问 #

同时存在疑问：为何必须保留index.html、app.component.html及组件专属HTML文件？是否可以移除其中一个？

内容的提问来源于stack exchange，提问作者BabyLogan