serjloskut
@serjloskut
WebDeveloper в будущем

Почему vscode не подсвечивает ошибки в файлах jsx?

В коде есть неиспользуемая переменная, которая подсвечивается в файле *js, но не подсвечивается в файле *jsx. Расширение eslint установлено.
Скриншоты кода

6616368eca4f8575028730.png
66163697e50f3794967551.png
Скриншоты настроек

6616369f8a465474448986.png
661636a760402908302985.png

UPD. Добавлен код
настройки .eslintrc.cjs

module.exports = {
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:react/recommended",
        "plugin:jsx-a11y/recommended",
        "plugin:react/jsx-runtime",
    ],
    "overrides": [
        {
            "env": {
                "node": true
            },
            "files": [
                ".eslintrc.{js,cjs}"
            ],
            "parserOptions": {
                "sourceType": "script"
            }
        }
    ],
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true,
        },
    },
    "plugins": [
        "@typescript-eslint",
        "react",
        "jsx-a11y"
    ],
    "rules": {
       
      }
}

файл package.json

{
  "name": "my-react-app",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview"
  },
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "devDependencies": {
    "@types/react": "^18.2.15",
    "@types/react-dom": "^18.2.7",
    "@typescript-eslint/eslint-plugin": "^7.6.0",
    "@typescript-eslint/parser": "^7.6.0",
    "@vitejs/plugin-react": "^4.0.3",
    "eslint": "^8.45.0",
    "eslint-plugin-jsx-a11y": "^6.8.0",
    "eslint-plugin-react": "^7.34.1",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.4.3",
    "vite": "^4.4.5"
  }
}

  • Вопрос задан
  • 556 просмотров
Решения вопроса 1
serjloskut
@serjloskut Автор вопроса
WebDeveloper в будущем
Чтобы плагин eslint подсвечивал ошибки в файлах *jsx, нужно в файле настроек редактора кода setting.json прописать "javascriptreact" в "eslint.probe":
"eslint.probe": [
        "javascript",
        "javascriptreact",
        "html"
    ],
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы