Instead change the require of index.js, to a dynamic import() which is available in all CommonJS modules

Question

Trying to work with node/javascript/nfts, I am a noob and followed along a tutorial, but I get this error:

error [ERR_REQUIRE_ESM]: require() of ES Module [...] is not supported. Instead change the require of index.js [ in my file...]  to a dynamic import() which is available in all CommonJS modules

My understanding is that they've updated the node file, so i need a different code than that in the tutorial, but i don't know which one I'm supposed to change, where and to what. Please be as specific as you can

const FormData = require('form-data');
const fetch = require('node-fetch');
const path = require("path")
const basePath = process.cwd();
const fs = require("fs");

fs.readdirSync(`${basePath}/build/images`).foreach(file).forEach(file => {
    const formData = new FormData();
    const fileStream = fs.createReadStream(`${basePath}/build/images/${file}`);
    formData.append('file',fileStream);

    let url = 'https://api.nftport.xyz/v0/files';

    let options = {
      method: 'POST',
      headers: {
        Authorization: '[...]',
      },
      body: formData
    };
    
    fetch(url, options)
      .then(res => res.json())
      .then(json => {
       const fileName = path.parse(json.file_name).name;
       let rawdata = fs.readFileSync(`${basePath}/build/json/${fileName}.json`);
       let metaData = JSON.parse(rawdata);

       metaData.file_url = json.ipfs_url;

       fs.writeFileSync(`${basePath}/build/json${fileName}.json`, JSON.stringify(metaData, null, 2));

       console.log(`${json.file_name} uploaded & ${fileName}.json updated!`);
      })
      .catch(err => console.error('error:' + err));
})

Answer 1

It is because of the node-fetch package. As recent versions of this package only support ESM, you have to downgrade it to an older version node-fetch@2.6.1 or lower.

npm i node-fetch@2.6.1

This should solve the issue.

Answer 2

No need to use the old version. You can use this line instead of "require"

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

Answer 3

Go to your package.json file and write:

"type": "module",

above debug.

and instead of writing require('chalk') in the .js file, change it to import chalk from 'chalk'

Answer 4

This can occur when you install the latest version of a package that has an issue with modules import.

In my case, I was getting the error after installing the latest version of crypto-random-string package. To know which package is causing this error, check the message preceding the above error reported. In my case, it read like so: error: uncaughtException: require() of ES Module /Users/myname/Documents/mydir/anotherdir/my-project/node_modules/crypto-random-string/index.js

To fix it, I only downgraded to an earlier version by doing the following:

1. yarn remove crypto-random-string
2. yarn add crypto-random-string@3.3.1

Answer 5

I had this error on common.js in angular-devkit after upgrading to angular 13. I found that this is missed during the upgrade:

ng update does not check or update @angular-devkit packages

I got rid of it using:

ng update @angular-devkit/build-angular 

Answer 6

Another option that worked for me is using the package node-fetch-native that redistributes node-fetch with some polyfill.

Answer 7

In your .tsconfig:

change "module": "nodenext", to "module": "commonjs", if your projects allows.

Answer 8

I added the one statement extra you can see this "type": "module", statement, written down after license.

"author": "",
  "license": "ISC",
  "type": "module",
  "dependencies": {
    "chalk": "^5.0.1"
    
  }
}