WebStorm 中的所有导入在 TypeScript 后端项目中显示为未使用

Question

https://i.stack.imgur.com/J0yZw.png This is how it looks for all files with .ts . And in .tsx files it also doesn't work.

Other projects in WebStorm work correct but they're written in .js and .jsx only.

Also I've tried reinstall WebStorm twice and set all to defaults, that doesn't help at all.

Answer 1

Do you have a.eslintrc.js file? If not, try adding one so that Webstorm understands what is going on:

module.exports = {
parser: '@typescript-eslint/parser',
parserOptions: {
  project: 'tsconfig.json',
  sourceType: 'module',
},
plugins: ['@typescript-eslint/eslint-plugin'],
extends: [
  'plugin:@typescript-eslint/recommended',
  'prettier/@typescript-eslint',
  'plugin:prettier/recommended',
],
root: true,
env: {
  node: true,
  jest: true,
},
ignorePatterns: ['.eslintrc.js'],
rules: {
  '@typescript-eslint/interface-name-prefix': 'off',
  '@typescript-eslint/explicit-function-return-type': 'off',
  '@typescript-eslint/explicit-module-boundary-types': 'off',
  '@typescript-eslint/no-explicit-any': 'off',
},
};

Also make sure you have typescript enabled in preferences as well (see my image).

Good luck!

Answer 2

One more set to defaults helps me. Ty all