将列表传递给 SASS mixin 时出错：“] 预期”

Question

我正在将列表传递给 SASS mixin 并且它可以工作（浏览器或控制台中没有错误）但我的编辑器 (VS Code) 说有错误。代码是：

  @include gridAuto(
    320px, 
    [
      ['sm', 2],
      ['', 1],
      ['lg', 3],
    ],
    var(--space-xl), 
    var(--space-xxl)
  );

我在这一行 ['sm', 2], 上遇到错误。错误：

] expected
] expected
) expected
at-rule or selector expected

这些是入门主题使用的样式依赖项：

"autoprefixer": "^9.4",
"css-loader": "^0.28.9",
"cssnano": "~4.0.5",
"node-sass": "~4.9.4",
"postcss-custom-properties": "^9.1.1",
"postcss-loader": "~2.1.0",
"postcss-safe-parser": "~3.0",
"sass-loader": "~6.0",
"style-loader": "^0.22.1",
"stylelint": "^8.4.0",
"stylelint-config-standard": "~18.2.0",
"stylelint-webpack-plugin": "^0.10.5",

我附上截图

Answer 1

VS Code 中内置的 SCSS 验证器似乎很难理解这种结构。当您使用 VS Code 的 stylelint 扩展时，you can turn off the built-in validator 通过将以下内容添加到您的用户设置中：

"scss.validate": false

（stylelint 扩展本身对这种构造没有问题。）

将列表传递给 SASS mixin 时出错：“] 预期”

Error passing a list to a SASS mixin: "] expected"

css

sass

postcss

stylelint

scss-mixins