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

Question

[Сергей Лоскутов]

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

Скриншоты кода

Скриншоты настроек

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"
  }
}

Comments

[WbICHA]

Скриншоты настроек

Надо было от руки нарисовать.

[Сергей Лоскутов]

WbICHA, я понимаю Ваше стремление практиковаться в сарказме, но, к сожалению, не разделяю его.
Тут принято вставлять код под спойлер, или что Вы имеете в виду? Ни разу не обращался с вопросами на форумы, всегда ответ гуглился на раз-два. Собственно и не знаю как правильно. Подскажите, я переоформлю под стандарт.
В данном вопросе я в гугле ответа не нашел, хоть и перепробовал разные настройки файла .eslintrc, плагинов, и по-моему уже неоднократно.

[WbICHA]

Сергей Лоскутов,

Тут принято вставлять код под спойлер

Вот именно, код, а не рисунки кода.

В данном вопросе я в гугле ответа не нашел

Потому что у тебя локально что-то сломано. Я у себя проверил твой конфиг и у меня всё показывается. Так что если тут либо с плагином еслинта какие-то траблы (или ты там в настройках что-то поменял), либо с самим вскодом что-то (опять же, может натсройки).
Всегда можно попробовать переустановку.

[Сергей Лоскутов]

WbICHA,

Вот именно, код, а не рисунки кода.

Да, уже понял что и зачем.

Потому что у тебя локально что-то сломано. Я у себя проверил твой конфиг и у меня всё показывается. Так что если тут либо с плагином еслинта какие-то траблы (или ты там в настройках что-то поменял), либо с самим вскодом что-то (опять же, может натсройки).

Да, я уже начал думать, что с vscode что-то, т.к. плагин переустанавливал сегодня.

Всегда можно попробовать переустановку.

Спасибо. За ответ. Буду пробовать.

Answer 1

[Сергей Лоскутов]

Чтобы плагин eslint подсвечивал ошибки в файлах *jsx, нужно в файле настроек редактора кода setting.json прописать "javascriptreact" в "eslint.probe":

"eslint.probe": [
        "javascript",
        "javascriptreact",
        "html"
    ],