Typescript ReferenceError: exports is not defined

Question

En essayant de mettre en œuvre un module suivant le manuel officiel, je reçois ce message d'erreur :

Uncaught ReferenceError: exports is not defined

à app.js:2

Mais nulle part dans mon code je n'utilise le nom exports.

Comment puis-je corriger cela ?

---

Fichiers

app.ts

let a = 2;
let b:number = 3;

import Person = require ('./mods/module-1');

module-1.t

 export class Person {
  constructor(){
    console.log('Classe Personne');
  }
}
export default Person;

tsconfig.json

{
   "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": true,
        "outDir": "scripts/"
    },
    "exclude": [
        "node_modules"
    ]
}

Answer 1

Quelques autres solutions pour ce problème

• Ajoutez la ligne suivante avant d'autres références à JavaScript. C'est une petite astuce sympa.

  var exports = {};

Answer 2

MODIFIER :

Cette réponse pourrait ne pas fonctionner selon que vous ne ciblez plus es5, je vais essayer de rendre la réponse plus complète.

Réponse initiale

Si CommonJS n'est pas installé (qui définit exports), vous devez supprimer cette ligne de votre tsconfig.json:

"module": "commonjs",

Comme indiqué dans les commentaires, cela seul peut ne pas fonctionner avec les versions ultérieures de tsc. Dans ce cas, vous pouvez installer un chargeur de module comme CommonJS, SystemJS ou RequireJS et le spécifier ensuite.

Remarque :

Regardez votre fichier main.js généré par tsc. Vous trouverez ceci en haut :

Object.defineProperty(exports, "__esModule", { value: true });

C'est la source du message d'erreur, et après avoir supprimé "module": "commonjs",, il disparaîtra.

Answer 3

npm install @babel/plugin-transform-modules-commonjs

et ajouter les plugins à .babelrc a résolu ma question.

Answer 4

Pour les personnes qui rencontrent toujours ce problème, si votre cible de compilateur est définie sur ES6, vous devez indiquer à Babel de sauter la transformation des modules. Pour ce faire, ajoutez ceci à votre fichier .babelrc

{
  "presets": [ ["env", {"modules": false} ]]
}

Answer 5

La réponse acceptée n'a pas résolu le problème pour moi. Au lieu de cela, j'ai décidé d'utiliser RequireJS (AMD implementation). J'ai écrit ma solution à https://stackoverflow.com/a/48436147/1019307.