Javascript 获取scss错误。我怎样才能解决它?
运行react应用程序时出现此类错误。 package.json文件:->Javascript 获取scss错误。我怎样才能解决它?,javascript,css,reactjs,sass,stylelint,Javascript,Css,Reactjs,Sass,Stylelint,运行react应用程序时出现此类错误。 package.json文件:-> "lint-staged": { "linters": { "src/**/*.{js,jsx}": [ "eslint --fix", "git add" ], "src/**/*.scss": [ "stylelint --fix",
"lint-staged": {
"linters": {
"src/**/*.{js,jsx}": [
"eslint --fix",
"git add"
],
"src/**/*.scss": [
"stylelint --fix",
"git add"
]
},
"ignore": [
"**/dist/*.min.js"
]
}
我们如何避免这些错误?我需要做任何更改吗?这是预期的行为。当SCS偏离配置对象中定义的规则时,Stylelint会标记违规行为 由于这些主要是风格冲突,stylelint可以使用以下方法自动修复大部分冲突:
npx stylelint "src/**/*.scss" --fix
属性“padding”的“Unexpected unit”em”冲突不符合风格。您需要查看配置对象中声明属性单位白名单规则的选项,以查看padding属性允许使用哪些单位。使用空格进行缩进并遵循顺序。这些是您正在使用的设置。您已经配置了代码样式的linter,以便在不遵守其规则时收到错误消息。这几乎是预期的行为。你在寻找什么确切的解决方案?你想了解这些规则以便遵守它们吗?是否要设置不同的规则?你想移除门楣吗?如果我说,我想移除错误。那意味着我需要一个接一个地修理它们?。因此,我想删除linter。我不熟悉您的工具,但我怀疑删除
“stylelint--fix”
可能是一个很好的起点。