将列表传递给 SASS 混合时出错：“] 预期”答案

【问题标题】：Error passing a list to a SASS mixin: "] expected"将列表传递给 SASS 混合时出错：“] 预期”
【发布时间】：2020-10-15 07:27:25
【问题描述】：

我正在将一个列表传递给一个 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",

我附上截图

【问题讨论】：

标签： css sass postcss scss-mixins stylelint

【解决方案1】：

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

"scss.validate": false

（stylelint 扩展本身对这个结构没有问题。）

【讨论】：