Когда я перезагружаю свой угловой компонент, страница становится белой, и я получаю сообщение об ошибке
Отказался от применения стиля из '[URL]', потому что его MIME-тип ('text / html')) не поддерживается типом MIME таблицы стилей, и включена строгая проверка MIME.
Так что, пока я перенаправляю свою страницу, нажимая кнопки, которые меняют мой routerLink, все работает.
Обновление
У меня есть эта ошибка только в production mode, поэтому при использовании ng serve я могу перезагрузить страницу и не получаю никаких ошибок, а в Developer Tools Я также вижу все файлы в Source tab, что не относится к случаю, когда я проверяю страницу в production mode
Я уже
изменено
<link rel="stylesheet" href="styles.9eca5df2f679ed98933c.css">
на
<link rel="stylesheet" type="text/css" href="styles.9eca5df2f679ed98933c.css">
построить мой проект с vendorChunk=true в моем angular.json
прокомментировал каждый связанный html и css out
удалил все комментарии в моих таблицах стилей
set encapsulation: ViewEncapsulation.None на обоих, родительский и дочерний
проверил <base href="/"> в моем index.html <head> tag и изменил его на <base href="./">, потому что иначе ничего не работает
Я думаю,в [URL] нет таблицы стилей, но я не знаю, почему и как я могу указать URL-адрес связанной таблицы стилей, потому что styleUrls: ['./dashboard.component.css'] в @Component -Декораторе, очевидно, не работает, когда я строю свой проект в production mode (--prod).
Кстати, яне используйте внешние таблицы стилей, так как это может быть причиной моей ошибки, которую я обнаружил, когда искал эту проблему.
Эта ошибка возникает только на дочерних компонентах со следующими маршрутами:
/<parent>/:id/<child>
, к которому можно переходить по
this.router.navigate(['../server/' + guild.id + "/dashboard"], { relativeTo: this.route });
в каждом браузере
Буду признателен за любую помощь