Блог

Я передаю список в 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",
  

Я прилагаю скриншот

Похоже, что валидатор SCSS, встроенный в VS Code, пытается понять эту конструкцию. Поскольку вы используете расширение stylelint для VS Code, вы можете отключить встроенный валидатор, добавив следующее в свои пользовательские настройки:

 "scss.validate": false
  

(Само расширение stylelint не имеет проблем с этой конструкцией.)