module.exports vs export par défaut dans Node.js et ES6

Quelle est la différence entre les nœuds module.exportset les ES6 export default? J'essaie de comprendre pourquoi j'obtiens l'erreur "__ n'est pas un constructeur" lorsque j'essaie de le faire export defaultdans Node.js 6.2.2.

Ce qui fonctionne

'use strict'
class SlimShady {
  constructor(options) {
    this._options = options
  }

  sayName() {
    return 'My name is Slim Shady.'
  }
}

// This works
module.exports = SlimShady

Ce qui ne marche pas

'use strict'
class SlimShady {
  constructor(options) {
    this._options = options
  }

  sayName() {
    return 'My name is Slim Shady.'
  }
}

// This will cause the "SlimShady is not a constructor" error
// if in another file I try `let marshall = new SlimShady()`
export default SlimShady

Le problème est avec

• comment les modules ES6 sont émulés dans CommonJS
• comment importer le module

ES6 à CommonJS

Au moment d'écrire ces lignes, aucun environnement ne prend en charge les modules ES6 de manière native. Lorsque vous les utilisez dans Node.js, vous devez utiliser quelque chose comme Babel pour convertir les modules en CommonJS. Mais comment cela se produit-il exactement?

Beaucoup de gens considèrent module.exports = ...comme équivalents export default ...et exports.foo ...équivalents à export const foo = .... Ce n'est pas tout à fait vrai cependant, ou du moins pas comment Babel le fait.

Les defaultexportations ES6 sont en fait également nommées exportations, sauf qu'il defaults'agit d'un nom "réservé" et qu'il est pris en charge par une syntaxe spéciale. Voyons comment Babel compile les exportations nommées et par défaut:

// input
export const foo = 42;
export default 21;

// output
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var foo = exports.foo = 42;
exports.default = 21; 

Ici, nous pouvons voir que l'exportation par défaut devient une propriété sur l' exportsobjet, tout comme foo.

Importez le module

Nous pouvons importer le module de deux manières: soit en utilisant CommonJS, soit en utilisant la importsyntaxe ES6 .

Votre problème: je crois que vous faites quelque chose comme:

var bar = require('./input');
new bar();

en attendant qu'on barlui attribue la valeur de l'exportation par défaut. Mais comme nous pouvons le voir dans l'exemple ci-dessus, l'exportation par défaut est affectée à la defaultpropriété!

Donc, pour accéder à l'exportation par défaut, nous devons réellement faire

var bar = require('./input').default;

Si nous utilisons la syntaxe du module ES6, à savoir

import bar from './input';
console.log(bar);

Babel le transformera en

'use strict';

var _input = require('./input');

var _input2 = _interopRequireDefault(_input);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

console.log(_input2.default);

Vous pouvez voir que chaque accès à barest converti en accès .default.

Vous devez configurer correctement babel dans votre projet pour utiliser l'exportation par défaut et l'exportation const foo

npm install --save-dev @babel/plugin-proposal-export-default-from

puis ajoutez ci-dessous la configration dans .babelrc

"plugins": [ 
       "@babel/plugin-proposal-export-default-from"
      ]

Felix Kling a fait une grande comparaison sur ces deux, pour tous ceux qui se demandent comment faire une exportation par défaut aux côtés des exportations nommées avec module.exports dans nodejs

module.exports = new DAO()
module.exports.initDAO = initDAO // append other functions a named export

// now you have
let DAO = require('_/helpers/DAO');
// DAO by default is exported class or function
DAO.initDAO()

tl; dr en ce moment pour que cela fonctionne, le fichier requis ou importé SlimShadydoit être compilé avec Babel avec 'use strict'.

J'utilise babel-cli6.18.0 dans le projet où j'ai rencontré initialement cette erreur.

Sans les 'use strict'mauvaises nouvelles

var SlimShady = require('./slim-shady');
var marshall = new SlimShady();  // uh, oh...

«utiliser strictement», s'il vous plaît

'use strict'
import SlimShady from './slim-shady'
var marshall = new SlimShady()  // all good in the hood