sonarqube дает ложное срабатывание с правилом «Неизвестные селекторы типа должны быть удалены» при попытке стилизовать пользовательский тег HTML

Question

Мы использовали угловую настраиваемую директиву для создания настраиваемого HTML-тега с именем. Соответствующий файл таблицы стилей для этого тега - student.scss, а его содержимое -

student-result {/* Sonarqube is reporting critical issue at this line saying 
              "Remove the usage of the unknown "student-result" type selector" */


   .student-result-top {
      position :absolute;
      height :300px;
   }
}

Кто-нибудь может предложить какой-либо способ решения проблемы или любой плагин, который заставит sonarqube распознавать эти пользовательские теги HTML?

Answer 1

Вместо использования углового селектора непосредственно внутри вашего файла scss укажите ему идентификатор или класс и примените требуемый стиль.

<student-result id="student-Result"></student-result>

Теперь в вашем scss доступ к тому же селектору, что и # student-Result вместо student-result. Это может помочь мне поверить.