#javascript #css #reactjs #sass #stylelint
#javascript #css — код #reactjs #нахальство #стилевая привязка
Вопрос:
Такие ошибки возникают при запуске приложения react. 
файл package.json:->
"lint-staged": {
"linters": {
"src/**/*.{js,jsx}": [
"eslint --fix",
"git add"
],
"src/**/*.scss": [
"stylelint --fix",
"git add"
]
},
"ignore": [
"**/dist/*.min.js"
]
}
как мы можем избежать этих ошибок? Нужно ли мне вносить какие-либо изменения?
Комментарии:
1. Используйте пробелы для отступов и следуйте порядку. Это настройки, которые вы используете
2. Вы настроили линтер стиля кода, чтобы получать сообщения об ошибках, когда вы не следуете его правилам. Это в значительной степени ожидаемое поведение. Какое именно решение вы ищете? Вы хотите понять правила, чтобы соблюдать их? Вы хотите установить другие правила? Вы хотите удалить ворсинку?
3. Если я скажу, я хочу удалить ошибки. Это означает, что мне нужно исправлять их один за другим?. Итак, я хочу удалить линтер.
4. Я не знаком с вашими инструментами, но я подозреваю, что удаление
"stylelint --fix",может быть хорошей отправной точкой.
Ответ №1:
Это ожидаемое поведение. Stylelint помечает нарушения, когда ваш SCSS отклоняется от правил, определенных в вашем объекте конфигурации.
Поскольку это в основном стилистические нарушения, stylelint может автоматически исправить большинство из них для вас с помощью:
npx stylelint "src/**/*.scss" --fix
Нарушение «Неожиданный блок «em» для свойства «padding»» не является стилистическим. Вам нужно посмотреть параметры правила объявления-свойства-единицы измерения-белого списка в вашем объекте конфигурации, чтобы увидеть, какие единицы измерения разрешены для свойства заполнения.