得到 scss 错误。我该如何解决？答案

【问题标题】：getting scss errors. how can i solve it?得到 scss 错误。我该如何解决？
【发布时间】：2021-01-05 14:51:45
【问题描述】：

在运行 react 应用时出现这些类型的错误。

package.json 文件：->

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

}

我们怎样才能避免这些错误？我需要做任何更改吗？

【问题讨论】：

使用空格进行缩进并遵循顺序。这些是您正在使用的设置
您已经配置了代码样式 linter，因此当您不遵守其规则时会收到错误消息。这几乎是预期的行为。您正在寻找什么确切的解决方案？您想了解规则以遵守规则吗？你想设置不同的规则吗？是否要移除 linter？
如果我说，我想删除错误。这意味着我需要一一修复它们？所以，我想删除 linter。
我不熟悉您的工具，但我怀疑删除 "stylelint --fix", 可能是一个很好的起点。

标签： javascript css reactjs sass stylelint

【解决方案1】：

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

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

npx stylelint "src/**/*.scss" --fix

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

【讨论】：