Comment résoudre "peut être importé par défaut à l'aide du drapeau" EsmoduleinterOP "dans Visual Studio 2019?

Question

Je mettez la mise à niveau de mes fichiers JavaScript en documents classés dans Visual Studio 2019 pour mieux les gérer.

Lorsque je veux importer un module d'un autre fichier, je vois des lignes gigantesques qui se plaignent que:

x ne peut être importé par défaut que sur le drapeau "Esmoduleinterop"

Comment dois-je résoudre ce problème?

Answer 1

Une solution simple consiste à définir "esModuleInterop": true dans compilerOptions de votre tsconfig.json fichier.

Exemple:

{
  "compilerOptions": {    
    "esModuleInterop": true
  }
}