Unknown at rule @tailwind scss(unknownAtRules)

文章索引

一、解决方法

// .vscode > settings.json
{
  "scss.lint.unknownAtRules": "ignore",
  "css.lint.unknownAtRules": "ignore"
}

// .vscode > settings.json

{

"scss.lint.unknownAtRules": "ignore",

"css.lint.unknownAtRules": "ignore"

}

二、安装stylelint-config-standard

npm i stylelint-config-standard -D

1	npm i stylelint-config-standard -D

三、配置stylelint.config.js

module.exports = {
  extends: ['stylelint-config-recommended'],
  rules: {
    "at-rule-no-unknown": [
      true,
      {
        ignoreAtRules: [
          "tailwind",
          "apply",
          "variants",
          "responsive",
          "screen",
        ],
      },
    ],
    "declaration-block-trailing-semicolon": null,
    "no-descending-specificity": null,
  },
};

module.exports = {

extends: ['stylelint-config-recommended'],

rules: {

"at-rule-no-unknown": [

true,

{

ignoreAtRules: [

"tailwind",

"apply",

"variants",

"responsive",

"screen",

"declaration-block-trailing-semicolon": null,

"no-descending-specificity": null,

};

四、参考

https://github.com/tailwindlabs/tailwindcss/discussions/5258

ht tps://stackoverflow.com/questions/62118325/how-do-you-get-rid-of-these-sass-linting-errors-when-using-tailwind-css