Почему linter не видит ошибки?

Question

[MrTomMus]

Есть проект на реакте. Сделал npm install, все зависимости установились, проект запускается. В этих зависимостях был установлен linter.
Я установил расширение на VSCode eslinter. Задал правила, а они не работают. Линтер не видит ошибки и не подчеркивает их. При этом у коллеги все работает, на том же самом проекте.

Comments

[Вадим]

Интересно, как вы предлагаете ответить? В хрустальный шар заглянуть или на кофейной гуще погадать?

Если у коллеги на этом же проекте, в такой же среде, то есть та же ОС, тот же редактор - всё работает, то ответ только один может быть - где-то что-то не установили\не настроили\конфликтует с чем-то другим.

[MrTomMus]

Вадим, Какая информация нужна что бы ответ был более развернутый?

Вот установленный плагин

Тут package.json



Правило для linter



linter ignore на всякий



Почему то ругается на импорт, консоль лог игнорирует.

[WbICHA]

MrTomMus, не понимаю, зачем ты текст тут писал, почему не в пейнте? Ещё и картинки с кодом удобнее вставлять.
Это болезнь какая-то или что?
Хотя, судя по тому, что ты не можешь курсор на ошибку навести и открыть оутпут еслинта, тут уже терминальная стадия.

[MrTomMus]

WbICHA, При чем тут это? Я открыл ошибку, меня не конкретная ошибка интересует, меня интересует почему мой еслинт не видит правила. Я спросил конкретно, что нужно и в каком виде для того что бы было понятно в чем ситуация.

[WbICHA]

MrTomMus,

Интересно, как вы предлагаете ответить? В хрустальный шар заглянуть или на кофейной гуще погадать?

[MrTomMus]

WbICHA, нет, именно по этому уточнил что нужно знать вам более опытным специалистом, что бы помощь решить мне данную проблему.

[WbICHA]

MrTomMus, всё, что необходимо, я уже написал выше.

[MrTomMus]

win 10, vs code, расширение стоит.

eslint.json

{
	"extends": [
	"airbnb",
    "airbnb-typescript",
    "plugin:@typescript-eslint/recommended",
	"plugin:@typescript-eslint/recommended-requiring-type-checking",
    "plugin:eslint-comments/recommended"
  ],
	"plugins": [
    "@typescript-eslint",
    "eslint-comments",
    "react",
    "import",
	"react-hooks"
  ],
	"globals": {
		"console": true,
		"window": true
	},
	"parser": "@typescript-eslint/parser",
	"parserOptions": {
		"sourceType": "module",
		"ecmaFeatures": {
			"modules": true,
			"jsx": true
    },
    "project": "./tsconfig.json"
	},
	"root": true,
	"env": {
		"browser": true,
		"node": true,
		"es6": true
	},
	"settings": {
		"import/resolver": {
			"node": {
				"extensions": [".ts", ".tsx"]
			}
		}
	},
	"rules": {
		"no-console": "error",
		"no-void": ["error", { "allowAsStatement": true }],
		"no-bitwise": [1, { "int32Hint": true, "allow": ["~"] }],
		"no-plusplus": ["error", { "allowForLoopAfterthoughts": true }],
		"react/jsx-fragments": ["error", "element"],
		"import/prefer-default-export": 0,
		"react/prop-types": 0,
		"react/require-default-props": 0,
		"react-hooks/rules-of-hooks": "error",
    	"react-hooks/exhaustive-deps": "warn",
		"react/function-component-definition": 0,
		"react/style-prop-object": 0,
		"no-restricted-exports": 0,
		"@typescript-eslint/no-explicit-any": "error",
		"max-len": ["error", { "code": 140, "comments": 140 }],
		"import/order":
		[1,{
			"groups": [
				"external",
				"builtin",
				"internal",
				"sibling",
				"parent",
				"index"]
		}
		],
		"no-restricted-syntax": ["error",
			{
			"selector": "CallExpression[callee.object.name='localStorage']",
			"message": "Не используйте localStorage, вместо этого используйте storage из файла storage.ts."
			}
	  ]
	}
}

package.json

"eslint": "^8.43.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-airbnb-typescript": "^17.0.0",
    "eslint-config-react": "^1.1.7",
    "eslint-import-resolver-node": "^0.3.7",
    "eslint-plugin-eslint-comments": "^3.2.0",
    "eslint-plugin-import": "^2.28.1",
    "eslint-plugin-jsx-a11y": "^6.7.1",
    "eslint-plugin-react": "^7.32.2",
    "eslint-plugin-react-hooks": "^4.6.0",

на что нужно еще посмотреть?

Answer 1

[Алексей Ярков]

eslint.json должен быть в корне каталога, который открыт в VSCode. Например у нас такая структура:

project
-- app
---- src <- исходники проекта
---- .eslintrc.js // <- конфиг линтера
---- package.json
-- docker <- ещё какие-то файлы и папки

Вот если в VSCode открыть папку project, то линтер ведёт себя так как вы описали. Надо открывать папку app.

Comments

[MrTomMus]

У нас вот так это выглядит.

[Алексей Ярков]

Тогда должно работать. Сравнивайте настройки расширения у коллег и у себя

[MrTomMus]

Алексей Ярков, Хорошо, спасибо