reactjs - eslint + typescript + path i tsconfig: ESLint: Kan inte lösa sökvägen till modulen '@components/some-module'.(import/no-unresolved)

Jag lägger till TypeScript-konfiguration för sökvägar (alias):

tsconfig.json

{
  "compilerOptions": {
    "jsx": "react",
    "baseUrl": "src",
    "paths": {
      "@components/*": ["components/*"]
    }
  },
  "exclude": [
    "node_modules",
    "public"
  ]
}

Efter det försöker jag importera något sånt här:

import Header from '@components/header';

Och nu får jag ett fel i eslint: ESLint: Kan inte lösa sökväg till modul '@components/header'.(import/no-unresolved)

Svar #1

Jag hittade en lösning i detta: eslint-import-resolver-typescript

npm i -D eslint-plugin-import @typescript-eslint/parser eslint-import-resolver-typescript

.eslintrc.js

module.exports = {
  'settings': {
    'import/resolver': {
      'typescript': {},
    },
  },
}