Add support for tsconfig paths

[bradzacher]

If you use the paths compiler option in your tsconfig.json, it would be nice if this resolver used your config to resolve it for you.

[jhnns]

Hey @bradzacher 👋

This feature forces people to use the baseUrl option in their tsconfig although it's not required by TypeScript. After upgrading to 1.1.0 I get these errors in every file:

Resolve error: Unable to find tsconfig in /my/project/path: Missing baseUrl in compilerOptions  import/no-unresolved

When I set...

"baseUrl": ".",

this plugin works fine. The problem is, however, that VSCode now generates paths on auto import that webpack and Node.js are not able to resolve:

// Instead of
import something from "../../shared/something";
// I get
import something from "src/shared/something";

I'm not sure if VSCode auto import is doing the right thing here, but I also think that baseUrl doesn't have to be set if I'm not using the paths option.

What do you think? :)

[cyrus-za]

I get this issue, even when I add a baseUrl.

error Unable to resolve path to module '~/Config' import/no-unresolved

{
  "compilerOptions": {
    "strict": true,
    "strictNullChecks": false,
    "forceConsistentCasingInFileNames": true,
    "module": "commonjs",
    "esModuleInterop": true,
    "target": "es2017",
    "noImplicitAny": false,
    "lib": ["esnext"],
    "skipLibCheck": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "allowJs": true,
    "sourceMap": true,
    "outDir": "dist",
    "baseUrl": ".",
    "typeRoots": ["src/types", "node_modules/@types"],
    "paths": {
      "~/*": ["src/*"],
      "~test/*": ["test/*"]
    }
  },
  "include": ["src", "test"]
}

module.exports = {
  env: {
    'jest/globals': true,
    browser: false,
    es6: true,
    node: true
  },
  extends: ['plugin:jest/recommended', 'airbnb-base', 'prettier'],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
    window: true,
    document: true,
    localStorage: true,
    FormData: true,
    FileReader: true,
    Blob: true,
    navigator: true
  },
  settings: {
    'import/resolver': {
      node: {
        extensions: ['.js', '.jsx', '.ts', '.tsx']
      }
    }
  },
  parser: '@typescript-eslint/parser',
  plugins: ['jest', 'prettier'],
  rules: {
    'no-restricted-syntax': 0,
    'no-underscore-dangle': 0,
    'import/imports-first': ['error', 'absolute-first'],
    'import/newline-after-import': 'error',
    'no-unused-expressions': 0,
    'no-console': 0
  }
};

[bradzacher]

  settings: {
    'import/resolver': {
      node: {
        extensions: ['.js', '.jsx', '.ts', '.tsx']
      }
    }
  },

You're not using the node import resolver? Check the readme for how to configure this plugin.

[cyrus-za]

Thanks!

[cyrus-za]

Still not working.

module.exports = {
  env: {
    'jest/globals': true,
    browser: false,
    es6: true,
    node: true
  },
  extends: ['plugin:@typescript-eslint/recommended', 'plugin:jest/recommended', 'airbnb-base', 'prettier'],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
    FormData: true,
    FileReader: true,
    Blob: true
  },
  settings: {
    'import/parsers': {
      "@typescript-eslint/parser": [".ts"]
    },
    'import/resolver': {
      typescript: {},
    }
  },
  parser: '@typescript-eslint/parser',
  plugins: ['import','@typescript-eslint', 'jest', 'prettier'],
  rules: {
    'import/no-extraneous-dependencies': 0,
    '@typescript-eslint/no-explicit-any': 0,
    '@typescript-eslint/explicit-function-return-type': 0,
    '@typescript-eslint/explicit-member-accessibility': 'off',
    '@typescript-eslint/indent': 0,
    '@typescript-eslint/no-unused-vars': [2, { args: 'none' }],
    'import/prefer-default-export': 0,
    'no-restricted-syntax': 0,
    'no-underscore-dangle': 0,
    'import/imports-first': ['error', 'absolute-first'],
    'import/newline-after-import': 'error',
    'no-unused-expressions': 0,
    'no-console': 0
  }
};

{
  "compilerOptions": {
    "strict": true,
    "strictNullChecks": false,
    "forceConsistentCasingInFileNames": true,
    "module": "commonjs",
    "esModuleInterop": true,
    "target": "es2017",
    "noImplicitAny": false,
    "lib": ["esnext"],
    "skipLibCheck": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "allowJs": true,
    "sourceMap": true,
    "outDir": "build",
    "baseUrl": ".",
    "typeRoots": ["src/types", "node_modules/@types"],
    "paths": {
      "~/*": ["src/*"],
      "~test/*": ["test/*"]
    }
  },
  "include": ["src", "test"]
}

[cyrus-za]

EDIT: seems like it wasnt installed on this branch, sorry. It's weird that eslint didnt warn me though that there's a missing plugin