为什么 stylelint 只用一个 css 类就使我的非常简单的文件失败了

如何解决为什么 stylelint 只用一个 css 类就使我的非常简单的文件失败了

我刚刚在一个看起来像这样的文件中遇到了两个 stylelint 错误

.link {
  position: absolute;
  top: var(--spacing-l);
  left: var(--spacing-fluid-l);
  z-index: 2;
  color: var(--color-white);
  appearance: none;
  white-space: Nowrap;
  composes: nav-bold from '~@tv2/ui-ng/styles/typography.module.css';
  text-decoration: none;
  display: inherit;

  &:hover {
    color: var(--color-white);
  }

}

.icon {
  color: var(--color-white);
  height: 20px;
  width: auto;
  margin-right: 5px;
  margin-top: 4px;

  & > svg {
    height: 20px;
    width: auto;
    margin-right: 5px;
    margin-top: 4px;
  }
}

错误是

 1:1  ✖  UnkNown rule no-invalid-position-at-import-rule  no-invalid-position-at-import-rule
 1:1  ✖  UnkNown rule no-irregular-whitespace             no-irregular-whitespace

查看 no-invalid-position-at-import-rule https://stylelint.io/user-guide/rules/no-invalid-position-at-import-rule 似乎都不适用于我的代码。

当然，我想制作最小的可重复示例。

所以我做了以下：

.link {
  position: absolute;
}

手工编写，以免出现任何不良类型的空白。

使用命令 yarn stylelint path-to-file 运行 stylelint 返回

 1:1  ✖  UnkNown rule no-invalid-position-at-import-rule  no-invalid-position-at-import-rule
 1:1  ✖  UnkNown rule no-irregular-whitespace             no-irregular-whitespace

我的系统是mac Catalina，intel芯片，node版本v14.16.1，stylelint版本13.12.0，yarn版本2.4.1

问题有些隐含，但要准确地拼写出来 - 为什么 stylelint 会在一个似乎没有它们的文件中抛出这两个错误，如果文件有错误，我该如何修复文件。

解决方法

所以 - 当它说 Unknown rule no-invalid-position-at-import-rule 时，我太专注于 no-invalid-position-at-import-rule 而我应该专注于它的未知规则部分。

Stylelint 说它不知道这个规则——为什么它不知道这个规则？因为我们最近更新了 stylelint 配置，但没有更新 stylelint 版本，所以配置中有 stylelint 不知道的规则。

,

对于 Visual Studio Code：卸载 Stylelint 扩展并重新安装，错误应该会消失。