收到 scss 错误。我该如何解决？

Question

在运行 React 应用程序时出现此类错误。

package.json 文件：->

"lint-staged": {
"linters": {
  "src/**/*.{js,jsx}": [
    "eslint --fix",
    "git add"
  ],
  "src/**/*.scss": [
    "stylelint --fix",
    "git add"
  ]
},
"ignore": [
  "**/dist/*.min.js"
]

}

我们如何避免这些错误？我需要做任何改变吗？

Answer 1

这是预期的行为。 Stylelint 会标记您的 SCSS 偏离配置对象中定义的规则的违规行为。

由于这些大多是风格违规，stylelint 可以自动为您修复其中的大部分：

echo "$x" | gawk -i join '{split($0, arr); print join(arr, 4, length(arr), "|")}'

属性“填充”的“意外单位“em”违规不是风格化的。您需要查看配置对象中声明-属性-单位-白名单规则的选项，以了解填充属性允许使用哪些单位。