Error [Err_Require_Esm]: How to Use Es6 Modules in Node 12?

Question

From Node 12 should support es6 modules; however, I just keep getting the error:

Question: How do I make a MVP of using es6 modules in node 12?

package.json

{
  "name": "dynamic-es6-mod",
  "version": "1.0.0",
  "description": "",
  "main": "src/index.mjs",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node src/index.mjs"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "globby": "^10.0.1"
  }
}

$ node -v
$ 12.6.0
$ npm run start


internal/modules/cjs/loader.js:821
  throw new ERR_REQUIRE_ESM(filename);
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /Users/dev/dynamic-es6-mod/src/index.mjs
    at Object.Module._extensions..mjs (internal/modules/cjs/loader.js:821:9)
    at Module.load (internal/modules/cjs/loader.js:643:32)
    at Function.Module._load (internal/modules/cjs/loader.js:556:12)
    at Function.Module.runMain (internal/modules/cjs/loader.js:839:10)
    at internal/main/run_main_module.js:17:11

Accepted Answer

All you have to do is adding the flag --experimental-modules that supports the new es6 import/export statement also the order is important as the following.

    "start": "node --experimental-modules src/index.mjs "

Answer 2

In Node 14 I solved it with workaround.

source of workaround:

short summary:

your root level package.json doesn't support ESM
subdirectory does - in src directory place package.json with { "type": "module" }

PS: ESLint team can't solve it easily right now, just because of core design... :(

Answer 3

The official documentation for the module states, that v2 should be used with require().

There is a work around though. Instead being imported it can be loaded asynchronously:

const fetch = (...args) => import('node-fetch').then(({default: fetch}) => fetch(...args));

Answer 4

You have to add this line of code in your package.json file "type" : "module" You will be able to use imports statements instead of require if I get your question correctly.

Your package.json will look as follows:

{
  "name": "dynamic-es6-mod",
  "version": "1.0.0",
  "description": "",
  "main": "src/index.mjs",
  "type": "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node src/index.mjs"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "globby": "^10.0.1"
  }
}

Answer 5

You can try with "jest-preset-angular": "11.0.0-rc.3".

It works in my case: Angular v13+ and node v16+.

Answer 6

I had a hell of a time with all this. I'm just posting my solution repo, in hopes it helps someone else.

This imports an ESM dependency (ora) into TypeScript without using babel.

Answer 7

Use previous or older version of your installed node module. It will work.

Answer 8

Go to package.json file and write "type":"module", above debug like this:

"name": "npmmodule",
"version": "1.0.0",
"main": "index.js",
"type": "module",

Use import instead of require:

import chalk from 'chalk';

console.log(chalk.blue("hello world"));

Answer 9

Try using npm's esm module which will support es6 (It can also be used in production).

Answer 10

For Node.js:

Tell Node to ignore the error.

const Module = require('module')
const orig = Module._extensions['.js']
const fs = require('fs')
Module._extensions['.js'] = function (module, filename) {
  try {
    return orig(module, filename)
  } catch (e) {
    if (e.code === 'ERR_REQUIRE_ESM') {
      // From: 
      const content = fs.readFileSync(filename, 'utf8')
      module._compile(content, filename)
      // --
      return
    }
    throw e
  }
}

Use Babel to transpile on-the-fly.

require('@babel/register', {
  ignore: (f) => {
    // Don't ignore the package we want to transpile.
    if (f.match('semver-regex') return false
    // Prevent babel transpiling anything else in `node_modules`.
    return f.match('node_modules')
  },
  overrides: [{
    // Set preset to be used to transpile our ESM package.
    test: /semver\-regex/,
    presets: ['es2015'],
  }]
})

// Call the rest of your code.
require('./index.js')

For Webpack:

Do similar but with Babel loaders and without the Node require hook.

Answer 11

Just need to update node:

run: nvm install 15 nvm use 15

credit:

Error [Err_Require_Esm]: How to Use Es6 Modules in Node 12?

11 Answers

Must Read

Your Answer

Robert Thorne

Error [Err_Require_Esm]: How to Use Es6 Modules in Node 12?

11 Answers

Must Read

Your Answer

Sign up or log in

Post as a guest

Robert Thorne