Stackblitz Angular Router HTML Горячая перезагрузка не работает на дочернем маршрутизаторе
может это ошибка или, может быть, я просто тупой идиот
Я еще новичок и только начал изучать angular но руководство по firebase привело меня сюда, и мне просто нужен маршрутизатор, поэтому я реализовал это
вот проблема
когда я редактирую свой HTML-файл в ./app/home/home.template.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>
как вы можете видеть на следующем рисунке, он не обновляется
если чего-то не хватает объяснения, не стесняйтесь спрашивать! Спасибо!!
@hbamithkumara, ребята, оно вам действительно нужно? , он содержит личные данные, и моя firebase еще не имеет защиты firebase
@hbamithkumara, пожалуйста !, я удалил все URL-адреса хранилища firebase, чтобы предотвратить DDOS-атаки на мое хранилище, и в итоге выставил мне счет, stackblitz.com/edit/deez-portfolio
Попробуйте удалить код объекта документа и проверьте. Хотя не уверен в этом.
@AdityaYada Я попытался удалить объектный код document.body.className и document.head.append в app.component.cs, но он все еще не работает
Перейти к настройкам . изменить механизм перезагрузки с перезагрузки страницы на горячую.
@AdityaYada, это не работает, попробовал горячую перезагрузку и перезагрузку страницы, триггер горячей перезагрузки для нажатия клавиши, отредактируйте и сохраните перед
в любом случае, если это не может быть решено, я просто хочу использовать app.component,ts для редактирования HTML для горячей перезагрузки, а когда я закончу, просто переместите его назад
Можете ли вы поделиться ссылкой на код stackblitz?