Я использую angular 7 с chrome 50 для разработки SPA. Однако при использовании инструментов chrome dev для анализа примененных стилей css возникает любопытная проблема. Инструменты dev предлагают правильные стили, но не правильную строку в исходных css файлах. Пример:
Инструменты разработчика правильно распознают примененный стиль
.recipe-name-input[_ngcontent-gca-c2] {
border-radius: 10rem;
padding: 0 20px;
}
Но он предполагает, что это строка 69 файла new-recipe.less, тогда как на самом деле это строка 73. Поэтому нажатие на ссылку приводит к Вы неверный фрагмент файла CSS. Это не так раздражает с маленькими файлами, но с большими, разность может go до 50 строк. Это также происходит с чистыми CSS файлами.