#javascript #reactjs #typescript #visual-studio-code #create-react-app
Вопрос:
Я пытаюсь перейти с javascript на typescript с помощью своего приложения create-react и хочу, чтобы мои новые предупреждения eslint typescript не помечались для моих старых файлов .js и .jsx.
В настоящее время в моем терминале я получаю такие вещи:
Но @typescript-eslint/explicit-module-boundary-types
это проблема, специфичная для машинописи, и я не хочу, чтобы эти флаги ошибок были в файле .js прямо сейчас.
Я попробовал следующее, основываясь на других решениях StackOverflow:
пакет.json
{...
"eslintIgnore": ["**/*.js", "**/*.jsx"],
...}
.eslintrc.json
{...
"overrides": [
{
"files": ["**/*.ts", "**/*.tsx"],
"env": { "browser": true, "es2021": true, "node": true },
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-eslint/recommended"
],
"globals": { "Atomics": "readonly", "SharedArrayBuffer": "readonly" },
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": { "jsx": true },
"ecmaVersion": 11,
"sourceType": "module",
"project": "./tsconfig.json"
},
"plugins": ["@typescript-eslint"],
"rules": {
"indent": ["error", 2, { "SwitchCase": 1 }],
"linebreak-style": ["error", "unix"],
"quotes": ["error", "single"],
"comma-dangle": ["error", "always-multiline"],
"@typescript-eslint/no-explicit-any": 0
}
},
{
"files": ["src/**/*.js", "src/**/*.jsx"],
"rules": {
"@typescript-eslint/explicit-module-boundary-types": 0
}
}
],
...}
.эслинтиньоре
**/*.js
*.js
Похоже, это влияет на компоновку в моих файлах кода VS, когда они у меня открыты. Это никак не влияет на мой терминал VS Code, который по-прежнему показывает приведенный выше скриншот. У меня совсем нет идей, может ли кто-нибудь помочь?