Стили сломались после обновления приложения на Angular 11 ⇐ CSS

[Anonymous]

Я пытаюсь обновить проект Angular 4, чтобы достичь Angular 17, и когда я обновился до Angular 11, я заметил, что некоторые стили сломаны, но ничто не кажется неправильным.

Код: Выделить всё

@import "~font-awesome/css/font-awesome.css";
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
< /code>
Я удалил символы «~» и решил ошибку IDE, однако во время выполнения я получил ошибку 404 в сети Devtools, поэтому я скопировал эти CSS в свою папку активов (и изменил импорт, чтобы указать там), исправляя это. Теперь я не получаю ошибок Devtools. Кроме того, нет никаких консольных ошибок, когда я запускаю ng build -prod 

.
Я использую эту настройку для связанных зависимостей:

Код: Выделить всё

"dependencies": {
"@angular-devkit/schematics": "~11.2.19",
"@angular/animations": "~11.2.14",
"@angular/cdk": "~11.2.13",
"@angular/cli": "~11.2.19",
"@angular/common": "~11.2.14",
"@angular/compiler": "~11.2.14",
"@angular/core": "~11.2.14",
"@angular/forms": "~11.2.14",
"@angular/material": "~11.2.13",
...
"@fortawesome/angular-fontawesome": "~0.9.0",
"@fortawesome/fontawesome-common-types": "~6.1.0",
"@fortawesome/fontawesome-svg-core": "~6.1.0",
...
"bootstrap": "~3.4.1",
}

Я не могу показать приложение из -за того, что оно для частного клиента, но в основном я не могу использовать пользовательские шрифты, и мои два боковых меню выглядят полностью, все, что содержит значок или изображение, либо очень плохо перемещается, или все, и все, что выходит из материала, как по умолчанию, особенно кнопки и вход. Компоненты, а также обновление до начальной загрузки 4, как без какой -либо удачи.>

Подробнее здесь: https://stackoverflow.com/questions/788 ... angular-11