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

Question

这是我的stylelint.config.js，

\n

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

\n

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

\n

yarn run v1.22.17\n$ stylelint "**/*.{scss,css,sass,svelte}"\n\nsrc/css/app.scss\n 1:1  \xe2\x9c\x96  Unexpected unknown at-rule "@tailwind"  scss/at-rule-no-unknown\n 2:1  \xe2\x9c\x96  Unexpected unknown at-rule "@tailwind"  scss/at-rule-no-unknown\n 3:1  \xe2\x9c\x96  Unexpected unknown at-rule "@tailwind"  scss/at-rule-no-unknown\n\nerror Command failed with exit code 2.\ninfo Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.\n

\n

这是我的CSS文件，

\n

@tailwind base;\n@tailwind components;\n@tailwind utilities;\n

\n

Answer 1

这应该是：

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

'scss/at-rule-no-unknown' 不允许未知的 at 规则。应该使用 Stylelint 的 at-rule-no-unknown 来代替。

来源