Я обновил полностью рабочий проект Angular 5 до последней Angular 8.2 и теперь у меня возникли некоторые проблемы со стилем.
Я обнаружил, что проблема заключается в атрибуте ViewEncapsulation при использовании ViewEncapsulation.Emulated ( настройки по умолчанию.
Вот пример HTML:
<div _ngcontent-example.com-c21 class="header-wrapper ng-star-inserted">
И CSS:
.header-wrapper[_ngcontent-example.com-c21] {
...
}
Проблема в том, что это недопустимый селектор, поскольку точка должна быть сбежал, поэтому он должен выглядеть так: .header-wrapper[_ngcontent-example\.com-c21] {}
Похоже, в Angular есть ошибка, и я не знаю, как ее обойти. Я попытался изменить имя проекта в package.json, но он все еще использует example.com. Как это может изменить эту часть или как я могу сказать Angular использовать что-то еще в атрибуте инкапсуляции?