Diagnostics étendus

Imports standalone inutilisés

Ce diagnostic détecte les cas où le tableau imports d'un @Component contient des symboles qui ne sont pas utilisés dans le template.

@Component({
  imports: [UsedDirective, UnusedPipe],
})
class AwesomeCheckbox {}

Quel est le problème ?

Les imports inutilisés ajoutent du bruit inutile à votre code et peuvent allonger votre temps de compilation.

Que faire à la place ?

Supprimez l'import inutilisé.

@Component({
  imports: [UsedDirective],
})
class AwesomeCheckbox {}

Et si je ne peux pas l'éviter ?

Ce diagnostic peut être désactivé en modifiant le fichier tsconfig.json du projet :

{
  "angularCompilerOptions": {
    "extendedDiagnostics": {
      "checks": {
        "unusedStandaloneImports": "suppress"
      }
    }
  }
}

Consultez la configuration des diagnostics étendus pour en savoir plus.