意外的未知规则“@tailwind”scss/at-rule-no-unknown

Question

这是我的 stylelint.config.js,

module.exports = {
  extends: ['stylelint-config-standard-scss'],
  rules: {
    'at-rule-no-unknown': [
      true,
      {
        ignoreAtRules: ['tailwind']
      }
    ],
    'declaration-block-trailing-semicolon': null,
    'scss/at-extend-no-missing-placeholder': null,
    'color-function-notation': 'legacy',
    'selector-pseudo-class-no-unknown': [
      true,
      {
        ignorePseudoClasses: ['deep']
      }
    ]
  }
}

当我 运行 stylelint "**/*.{scss,css,sass,svelte}" 时，我得到以下错误：

yarn run v1.22.17
$ stylelint "**/*.{scss,css,sass,svelte}"

src/css/app.scss
 1:1  ✖  Unexpected unknown at-rule "@tailwind"  scss/at-rule-no-unknown
 2:1  ✖  Unexpected unknown at-rule "@tailwind"  scss/at-rule-no-unknown
 3:1  ✖  Unexpected unknown at-rule "@tailwind"  scss/at-rule-no-unknown

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

这是我的 css 文件，

@tailwind base;
@tailwind components;
@tailwind utilities;

Answer 1

这有帮助吗？

rules: {
    'at-rule-no-unknown': null,
    'scss/at-rule-no-unknown': [
        true,
        {
            ignoreAtRules: ['tailwind']
        }
    ],
}