BUG:Missing file extension for ts file

[pincman]

every dependencies installed by pnpm

eslint config

extends: [
        'airbnb-base',
        'airbnb-typescript/base',
        'plugin:@typescript-eslint/eslint-recommended',
        'plugin:@typescript-eslint/recommended-requiring-type-checking',
        'plugin:jest/recommended',
        'prettier',
        'plugin:prettier/recommended',
    ],

tsconfig

"compilerOptions": {
        ...
        "baseUrl": "./",
        "paths": {
            "@/*": ["src/*"]
        }
    },

package.json

"eslint": "^7.32.0",
    "eslint-config-airbnb-base": "^14.2.1",
    "eslint-config-airbnb-typescript": "^14.0.0",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-import": "^2.24.2",
    "eslint-plugin-jest": "^24.4.0",
    "eslint-plugin-prettier": "^3.4.1",
    "eslint-plugin-unused-imports": "^1.1.4",

and error

[hym33]

How to solve it?

[r34son]

Seems like problem with path aliases. I fixed by adding "import/extensions": [ "error", "ignorePackages", { "": "never" } ] in rules.

[tikiram]

This library adds some basic configuration to import/extensions to mimic support for typescript (no actual TS import resolution). Follow the Typescript instructions of the eslint-plugin-import package (https://www.npmjs.com/package/eslint-plugin-import) to get real TS support (including aliases).

The final result will be something like this:

{
  "env": {
    "es2021": true,
    "node": true
  },
  "extends": [
    "airbnb-base",
    "airbnb-typescript/base",
    "plugin:import/typescript",
    "plugin:@typescript-eslint/recommended-type-checked",
    "plugin:@typescript-eslint/stylistic-type-checked",
    "prettier"
  ],
  "ignorePatterns": [".eslintrc.js"],
  "parser": "@typescript-eslint/parser",
  "overrides": [],
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module",
    "project": "./tsconfig.json"
  },
  "settings": {
    "import/resolver": {
      "typescript": true
    }
  }
}