Stackblitz Angular 路由器 HTML 热重载不适用于路由器的子项

Question

可能是一个错误，也可能是我太蠢了

我还是新手，刚开始学习angular 但是 firebase 教程把我带到这里，我只需要一个路由器，所以我实现了这个

问题来了当我在 ./app/home/home.template.html 中编辑我的 HTML 文件时即使我换档重新加载浏览器，它也不会热重新加载网页它只有在我 F5 或刷新整个 IDE 时才有效，这很痛苦，因为每次我有一些小的变化我不知道结果我需要 F5 IDE 和历史将被重置

我试过只使用 template:，效果很好

我已经尝试在 app.component.ts 中执行此操作并且效果很好

这是我的网站文件

这是app.component.ts

    import { Component, enableProdMode } from "@angular/core";
@Component({
  selector: "my-app",
  templateUrl: "./app.template",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {}
document.head.append('<base href="/"/>');
var isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches;
if (isDarkMode) {
  document.body.className = "dark";
}

这是home.component.ts

import { Component } from "@angular/core";

@Component({
  selector: "home",
  templateUrl: "/home.template",
  styleUrls: ["./style.css"]
})
export class HomeViewComponent {}

这是HTML./app.template.html

中的顶部导航代码

<body>
  <div>
    <div class="topnav">
      <img
            class="companylogo"
            src=""
          />
      <a routerLinkActive="active" routerLink="/home">Home</a>

      <a routerLinkActive="active" routerLink="/projects">Projects</a>

      <a routerLinkActive="active" routerLink="/contact">Contact</a>
    </div>
    <router-outlet></router-outlet>
  </div>
</body>

正如您在下一张图片中看到的，它没有更新

如有不明之处欢迎追问！谢谢！！

Answer 1

显然将您的项目连接到 Github 解决了问题！！好奇怪...

Stackblitz Angular 路由器 HTML 热重载不适用于路由器的子项

Stackblitz Angular Router HTML Hot reload not working on child of router

html

angular

firebase

angular-ui-router

stackblitz