Prettier удаляет общую аннотацию машинописного текста из компонента класса реагирования
Я пытаюсь создать ErrorBoundary, используя такой компонент класса
class ErrorBoundary extends Component<ErrorBoundaryProps,ErrorBoundaryState>
Но каждый раз, когда я форматирую его красивее, часть <ErrorBoundaryProps,ErrorBoundaryState> исчезает, я не уверен, красивее она или eslint.
Вот мой .eslintrc.json
{
"extends": [
"next/core-web-vitals",
"plugin:storybook/recommended"
],
"plugins": ["simple-import-sort"],
"rules": {
"simple-import-sort/imports": "error",
"simple-import-sort/exports": "error"
},
"parserOptions": {
"sourceType": "module",
"ecmaVersion": "latest"
}
}
Ответы 2
Установите необходимые плагины: Убедитесь, что у вас установлены необходимые плагины ESLint и Prettier:
npm install --save-dev eslint prettier eslint-plugin-prettier eslint-config-prettier @typescript-eslint/parser @typescript-eslint/eslint-plugin
Отключить форматирование ESLint:
Вы можете настроить ESLint так, чтобы не форматировать определенные аспекты. Добавьте следующее правило в свой .eslintrc.json, чтобы ESLint не мешал дженерикам TypeScript:
"rules": {
"react/jsx-filename-extension": "off",
"react/prop-types": "off",
"typescript-eslint/no-explicit-any": "off"
}
Используйте правильный парсер:
Убедитесь, что вы используете синтаксический анализатор TypeScript для ESLint. Ваш .eslintrc.json должен включать:
"parser": "@typescript-eslint/parser",
"extends": [
"plugin:@typescript-eslint/recommended",
"next/core-web-vitals",
"plugin:storybook/recommended"
]
Настройте Prettier и ESLint для совместной работы:
Добавьте следующее в свой .eslintrc.json, чтобы интегрировать Prettier с ESLint:
"extends": [
"plugin:prettier/recommended"
]
Обновление до последней версии (version 3.3.3) решило мою проблему.
У меня тоже работает! Спасибо