eslint + typescript + path in tsconfig: ESLint: Unable to resolve path to module '@components/some-module'.(import/no-unresolved)

Question

I add typescript config for paths (alias):

tsconfig.json

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

After that I try import somthing like this:

import Header from '@components/header';

And now I get error in eslint: ESLint: Unable to resolve path to module '@components/header'.(import/no-unresolved)

Timofey Goncharov · Accepted Answer · 2020-01-20 15:05:23Z

44

I found a solution in this: 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': {},
    },
  },
}

edited Jan 20, 2020 at 15:05

answered Jan 20, 2020 at 14:59

Timofey Goncharov

1,1481 gold badge8 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Konrad Gałęzowski Over a year ago

I had to add "compilerOptions": { "moduleResolution": "node" } additionally to tsconfig.json in order to ESlint stop complaining when import from node_modules.

chojnicki Over a year ago

Correct answer. Finally after losing 2 hours for this and giving up to just disable warning, I found this simple solution. Thank you

Metreci · Accepted Answer · 2022-01-28 06:09:21Z

0

I found a solution in this:eslint-import-resolver-alias

npm install -D eslint-import-resolver-alias

.eslintrc

  "settings": {
    "import/resolver": {
      "alias": {
        "map": [
          [
            "@",
            "./src"
          ]
        ],
        "extensions": [
          ".js",
          ".ts",
          ".tsx",
          ".jsx",
          ".json"
        ]
      }
    }
  },

answered Jan 28, 2022 at 6:09

Metreci

1

Collectives™ on Stack Overflow

eslint + typescript + path in tsconfig: ESLint: Unable to resolve path to module '@components/some-module'.(import/no-unresolved)

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related