问题描述
我还是个新手，刚开始学习 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>
正如您在下一张图片中看到的那样，它不会更新
如果有什么不明白的地方，请随时提问！ 谢谢！！
解决方法
显然将您的项目连接到 Github 解决了问题！！ 好奇怪……