title: eslint throwing import/no-unresolved error on declaration files
body: <p>Eslint is throwing an import error: import/no-unresolved when a typescript declaration files is imported.
  I am using lerna for monorepo.
  Relevant declaration file import. Below imported file is app.d.ts file.</p>
  <p>I can add &quot;import/ignore&quot;: [&quot;.d.ts&quot;] in the below config , which solves the error but I am looking for a solution other than this.</p>
  <pre><code>// types
  import { Theme } from '@typings/app';
  </code></pre>
  <p>My .eslintrc.js config file:</p>
  <pre><code>module.exports = {
    parser: &quot;@typescript-eslint/parser&quot;,
    extends: [
      &quot;airbnb&quot;,
      &quot;plugin:@typescript-eslint/recommended&quot;,
      &quot;prettier&quot;,
      &quot;prettier/react&quot;
    ],
    plugins: [&quot;react&quot;, &quot;jsx-a11y&quot;, &quot;react-hooks&quot;, &quot;sprinklr&quot;],
    env: {
      browser: true,
      node: true,
      es6: true
    },
    globals: {
      define: true,
      require: true
    },
    rules: {
      strict: [2, &quot;never&quot;],
      &quot;no-multi-spaces&quot;: 0,
      &quot;spaced-comment&quot;: 0,
      &quot;no-multi-assign&quot;: 0,
      //Import rules
      &quot;import/extensions&quot;: [
        2,
        &quot;ignorePackages&quot;,
        {
          js: &quot;never&quot;,
          jsx: &quot;never&quot;,
          mjs: &quot;never&quot;,
          ts: &quot;never&quot;,
          tsx: &quot;never&quot;
        }
      ],
      &quot;import/no-unresolved&quot;: 2,
      &quot;import/no-extraneous-dependencies&quot;: 0,
      &quot;import/no-named-as-default-member&quot;: 0,
      &quot;import/prefer-default-export&quot;: 0,
      //Keeping below till idea supports these codestyles
      &quot;object-curly-spacing&quot;: 0,
  
      //ts related rules
      &quot;indent&quot;: 0,
      &quot;@typescript-eslint/indent&quot;: 0,
      &quot;@typescript-eslint/explicit-member-accessibility&quot;: 0,
      &quot;@typescript-eslint/camelcase&quot;: 0,
      &quot;import/no-webpack-loader-syntax&quot;: 0,
      &quot;@typescript-eslint/prefer-interface&quot;: 0,
      &quot;import/no-cycle&quot;: 1,
      &quot;react/prop-types&quot;: 0,
      &quot;@typescript-eslint/ban-ts-ignore&quot;: 1, //Remove after ts adoption increases
      &quot;@typescript-eslint/explicit-function-return-type&quot;: [1, {
        &quot;allowTypedFunctionExpressions&quot;: true
      }],
      &quot;@typescript-eslint/no-this-alias&quot;: 0,
      &quot;sprinklr/no-logic-i18n-template-literal&quot;: 2,
    },
    parserOptions: {
      sourceType: &quot;module&quot;,
      ecmaVersion: 6,
      ecmaFeatures: {
        globalReturn: true,
        jsx: true
      },
      allowImportExportEverywhere: true
    },
    settings: {
      &quot;import/extensions&quot;: [&quot;.js&quot;, &quot;.jsx&quot;, &quot;.mjs&quot;, &quot;.ts&quot;, &quot;.tsx&quot;],
      &quot;import/resolver&quot;: {
        webpack: {
          config: {
            resolve: {
              extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
            },
          },
        },
      },
      &quot;react&quot;: {
        version: &quot;detect&quot;,
      },
    },
    overrides: [
      {
        files: [&quot;**/*.spec.*&quot;, &quot;**/*.test.*&quot;, &quot;**/*.d.ts&quot;],
        env: {
          jest: true
        },
        globals: {
          // Enzyme globals
          mount: true,
          shallow: true,
          render: true
        },
        rules: {
          &quot;@typescript-eslint/no-var-requires&quot;: 0,
          &quot;@typescript-eslint/no-empty-function&quot;: 0,
        }
      }
    ]
  };
  </code></pre>