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

by

The issue is with

  • how ES6 modules are emulated in CommonJS
  • how you import the module

ES6 to CommonJS

At the time of writing this, no environment supports ES6 modules natively. When using them in Node.js you need to use something like Babel to convert the modules to CommonJS. But how exactly does that happen?

Many people consider module.exports = ... to be equivalent to export default ... and exports.foo ... to be equivalent to export const foo = .... That’s not quite true though, or at least not how Babel does it.

ES6 default exports are actually also named exports, except that default is a “reserved” name and there is special syntax support for it. Lets have a look how Babel compiles named and default exports:

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

Here we can see that the default export becomes a property on the exports object, just like foo.

Import the module

We can import the module in two ways: Either using CommonJS or using ES6 import syntax.

Your issue: I believe you are doing something like:

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

expecting that bar is assigned the value of the default export. But as we can see in the example above, the default export is assigned to the default property!

So in order to access the default export we actually have to do

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

If we use ES6 module syntax, namely

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

Babel will transform it to

'use strict';

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

var _input2 = _interopRequireDefault(_input);

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

console.log(_input2.default);

You can see that every access to bar is converted to access .default.

More Related Contents:

  1. How to deal with cyclic dependencies in Node.js
  2. Node.js plans to support import/export ES6 (ECMAScript 2015) modules
  3. Alternative for __dirname in Node.js when using ES6 modules
  4. Declare multiple module.exports in Node.js
  5. How to remove module after “require” in node.js?
  6. Importing modules using ES6 syntax and dynamic path [duplicate]
  7. Using the Underscore module with Node.js
  8. How can I import an ES module in the Node.js REPL in Node 8?
  9. Node v13 / Jest / ES6 — native support for modules without babel or esm
  10. npm not working – “read ECONNRESET”
  11. How do you follow an HTTP Redirect in Node.js?
  12. Get code from firebase console which I deployed earlier
  13. Is it possible to inherit old-style class from ECMAScript 6 class in JavaScript?
  14. node-postgres: how to execute “WHERE col IN ()” query?
  15. Authenticating socket io connections using JWT
  16. How to reuse redis connection in socket.io?
  17. Using nodejs’s spawn causes “unknown option — ” and “[Error: spawn ENOENT]” errors
  18. How to protect the password field in Mongoose/MongoDB so it won’t return in a query when I populate collections?
  19. Node.js Async/Await module export
  20. Using PassportJS, how does one pass additional form fields to the local authentication strategy?
  21. Laravel 5.4 ‘cross-env’ Is Not Recognized as an Internal or External Command
  22. How to resolve Nodejs: Error: ENOENT: no such file or directory
  23. Use multiple local strategies in PassportJS
  24. nginx proxy pass Node, SSL?
  25. What does -save-dev mean in npm install grunt –save-dev
  26. How to host a Node.Js application in shared hosting [closed]
  27. Return value in function from a promise block
  28. Observe file changes with node.js
  29. require(‘babel/register’) doesn’t work
  30. How to change Node Version in Provision Step in Amplify Console

Leave a Comment