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

Question

我刚刚在一个文件上遇到两个 stylelint 错误，如下所示

\n

.link {\n  position: absolute;\n  top: var(--spacing-l);\n  left: var(--spacing-fluid-l);\n  z-index: 2;\n  color: var(--color-white);\n  appearance: none;\n  white-space: nowrap;\n  composes: nav-bold from \'~@tv2/ui-ng/styles/typography.module.css\';\n  text-decoration: none;\n  display: inherit;\n\n  &:hover {\n    color: var(--color-white);\n  }\n\n}\n\n.icon {\n  color: var(--color-white);\n  height: 20px;\n  width: auto;\n  margin-right: 5px;\n  margin-top: 4px;\n\n  & > svg {\n    height: 20px;\n    width: auto;\n    margin-right: 5px;\n    margin-top: 4px;\n  }\n}\n

\n

错误是

\n

 1:1  \xe2\x9c\x96  Unknown rule no-invalid-position-at-import-rule  no-invalid-position-at-import-rule\n 1:1  \xe2\x9c\x96  Unknown rule no-irregular-whitespace             no-irregular-whitespace\n

\n

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

\n

但我当然想做一个最小的可重现的例子。

\n

所以我做了以下事情：

\n

.link {\n  position: absolute;\n}\n

\n

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

\n

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

\n

 1:1  \xe2\x9c\x96  Unknown rule no-invalid-position-at-import-rule  no-invalid-position-at-import-rule\n 1:1  \xe2\x9c\x96  Unknown rule no-irregular-whitespace             no-irregular-whitespace\n

\n

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

\n

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

\n

Answer 1

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

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