时间戳

首页 > 解决方案 > 得到 scss 错误。我该如何解决？

javascript - 得到 scss 错误。我该如何解决？

问题描述

运行 react 应用程序时出现此类错误。 在此处输入图像描述

package.json 文件：->

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

}

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

标签： javascriptcssreactjssassstylelint

解决方案

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

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

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

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

推荐阅读