获取 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 可以使用以下方法自动为您修复其中的大部分问题：

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

'Unexpected unit "em" for property "padding"' 违规不是风格上的。您需要查看配置对象中 declaration-属性-unit-whitelist 规则的选项，以查看填充属性.

允许的单位

获取 scss 错误。我该如何解决？

getting scss errors. how can i solve it?

javascript

css

sass

reactjs

stylelint