如何修复 VSCode 中的错误：at-rule 或选择器预期scss(css-ruleorselectorexpected)

Question

我正在尝试将 TailwindCSS 与 SCSS 结合使用，但打开此文件时 VSCode 总是给我一条错误消息，我该如何修复它？

此错误的图像

我在 postcss 文件中的配置：

module.exports = {
    plugins: {
        'postcss-import': {},
        'tailwindcss/nesting': {},
        tailwindcss: {},
        autoprefixer: {},
    },
};

我在 VSCode settings.json 中的配置：

{
    ...
    "css.lint.unknownAtRules": "ignore",
    "css.lint.emptyRules": "ignore",
    "scss.lint.unknownAtRules": "ignore",
    "scss.lint.emptyRules": "ignore"
}

我发现错误原因#{!important}在 .scss 文件中

Answer 1

尝试将其添加到用户settings.json

"files.associations": {
  "*.scss": "tailwindcss",
  "*.css": "tailwindcss"
},