JS.TS.NO.RESTRICTED.IMPORTS

Disallow specified modules when loaded by `import`

Rule Details

This rule extends the base JS.BASE.NO.RESTRICTED.IMPORTS checker.

How to Use

Copy

{
  // note you must disable the base rule as it can report incorrect errors
  "no-restricted-imports": "off",
  "@typescript-eslint/no-restricted-imports": ["error"]
}

Options

See eslint/no-restricted-imports options (https://eslint.org/docs/rules/no-restricted-imports#options). This rule adds the following options:

`allowTypeImports`

(default: false)

You can specify this option for a specific path or pattern as follows:

Copy

"@typescript-eslint/no-restricted-imports": ["error", {
  "paths": [{
    "name": "import-foo",
    "message": "Please use import-bar instead.",
    "allowTypeImports": true
  }, {
    "name": "import-baz",
    "message": "Please use import-quux instead.",
    "allowTypeImports": true
  }]
}]

When set to true, the rule will allow Type-Only Imports (https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-8.html#type-only-imports-and-export).

Examples of code with the above config:

Incorrect

Copy

import foo from 'import-foo';
export { Foo } from 'import-foo';

import baz from 'import-baz';
export { Baz } from 'import-baz';

Correct

Copy

import { foo } from 'other-module';

import type foo from 'import-foo';
export type { Foo } from 'import-foo';

import type baz from 'import-baz';
export type { Baz } from 'import-baz';