抑制 Lint 警告：StyleLint SCSS答案

【问题标题】：Supress Lint Warnings : StyleLint SCSS抑制 Lint 警告：StyleLint SCSS
【发布时间】：2021-02-12 15:22:50
【问题描述】：

我是 scss 文件中 linting 的新手，我有一个带有以下 scss 文件的 Angular 项目

p {
  margin-left: 10px;
  margin-top: 9px;
}

::ng-deep .expandButton {
  margin: 10px;
  color: teal;
  border: none;
  background: transparent;
}

a.mat-list-item.ng-tns-c1-0.active {
  background : #eff0f1;
  font-weight: bold;
  color: black;
  border-right: 3px solid teal;
}

还有一个用于 lint 规则的 .yml 文件，

rules:
  declaration-no-important: null  
  scss/at-rule-no-unknown: null

在构建代码或执行以下命令 stylelint **.scss 时，我收到以下错误，

 1:1  ×  Unknown rule at-rule-disallowed-list                     at-rule-disallowed-list
 1:1  ×  Unknown rule declaration-property-value-disallowed-list  declaration-property-value-disallowed-list

如何修复/抑制这个警告，构建通过，没有错误，但是这两行，所有 scss 文件都继续出现。

【问题讨论】：

我也遇到了这个问题，无论我是否为这些规则指定值。 linter 告诉我 at-rule-disallowed-list 寻找 Array 而 declaration-property-value-disallowed-list 需要 Object。

标签： css lint stylelint

【解决方案1】：

Unknown rule <rule-name> 错误在 stylelint 在配置对象中遇到它无法识别的规则时显示。

at-rule-disallowed-list 和 declaration-property-value-disallowed-list 规则是 added to stylelint in version 13.7.0。

您可以通过以下任一方式修复这些错误：

将您的 stylelint 更新到至少版本 13.7.0
从配置对象中删除规则

【讨论】：