尝试设置自定义 HTML 标签样式时，sonarqube 使用规则“应删除未知类型选择器”给出误报

Question

我们已经使用 angular 自定义指令生成了一个名为 的自定义 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 文件中使用角度选择器，而是为其提供 id 或类并应用所需的样式。

<student-result class="student-result"></student-result>

现在，在您的 scss 中访问与.student-result而不是 Student-result相同的选择器。我相信这可能会有所帮助。