module.exports vs. export default in Node.js ed ES6

Qual è la differenza tra Node module.exportse ES6 export default? Sto cercando di capire perché ottengo l'errore "__ non è un costruttore" quando provo export defaultin Node.js 6.2.2.

Cosa funziona

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

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

// This works
module.exports = SlimShady

Cosa non funziona

'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

Il problema è con

• come vengono emulati i moduli ES6 in CommonJS
• come importare il modulo

ES6 a CommonJS

Al momento della stesura di questo documento, nessun ambiente supporta i moduli ES6 in modo nativo. Quando li usi in Node.js devi usare qualcosa come Babel per convertire i moduli in CommonJS. Ma come succede esattamente?

Molte persone considerano module.exports = ...equivalenti export default ...e exports.foo ...equivalenti export const foo = .... Questo non è del tutto vero, o almeno non come Babel lo fa.

Le defaultesportazioni ES6 sono in realtà anche denominate esportazioni, tranne per il fatto che defaultè un nome "riservato" e per esso esiste uno speciale supporto di sintassi. Diamo un'occhiata a come Babel compila le esportazioni nominate e predefinite:

// 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; 

Qui possiamo vedere che l'esportazione predefinita diventa una proprietà exportssull'oggetto, proprio come foo.

Importa il modulo

È possibile importare il modulo in due modi: utilizzando CommonJS o utilizzando la importsintassi ES6 .

Il tuo problema: credo che stai facendo qualcosa del tipo:

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

prevedendo che barvenga assegnato il valore dell'esportazione predefinita. Ma come possiamo vedere nell'esempio sopra, l'esportazione predefinita è assegnata alla defaultproprietà!

Quindi, per accedere all'esportazione predefinita, dobbiamo effettivamente farlo

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

Se utilizziamo la sintassi del modulo ES6, vale a dire

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

Babele lo trasformerà in

'use strict';

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

var _input2 = _interopRequireDefault(_input);

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

console.log(_input2.default);

Puoi vedere che ogni accesso a barviene convertito in accesso .default.

Devi configurare babel correttamente nel tuo progetto per usare export default e export const foo

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

quindi aggiungi la configrazione di seguito in .babelrc

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

Felix Kling ha fatto un ottimo confronto su quei due, per chiunque si chiedesse come fare un default di esportazione insieme a export con nome module.exports in 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 adesso perché questo funzioni, il file che richiede o importa SlimShadydeve essere compilato usando Babel con 'use strict'.

Sto usando babel-cli6.18.0 nel progetto in cui inizialmente ho riscontrato questo errore.

Without 'use strict'is Bad News Bears

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

'usa rigoroso', per favore

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