Error [ERR_REQUIRE_ESM]: require() of ES

Error [ERR_REQUIRE_ESM]: require() of ES Module /var/runtime/app/node_modules/serialize-error/index.js from /var/runtime/app/src/webhooks/sendgrid.ts not supported. Instead change the require of index.js in [redacted] to a dynamic import() which is available in all CommonJS modules.

import { serializeError } from 'serialize-error';

tsconfig:

{
  "compilerOptions": {
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "module": "commonjs",
    "outDir": "dist",
    "skipLibCheck": true,
    "strict": true,
    "target": "ES2020",
    "lib": ["esnext"]
  },
  "exclude": [
    "infrastructure/**/*.ts",
    "test/**/*.ts"
  ]
}

[luizfelipelaviola]

Works downgrading to 8.1.0

[papb]

Hi everyone

"module": "commonjs",

This part of tsconfig.json is probably the cause of the error. It has to be node16, not commonjs.

You also need to set "moduleResolution": "node16" as well.

This is explained in the link given by Sindre above. Here’s a quote:

Can I import ESM packages in my TypeScript project?

Yes, but you need to convert your project to output ESM. See below.

How can I make my TypeScript project output ESM?

Read the official ESM guide.

Quick steps:

• Make sure you are using TypeScript 4.7 or later.
• Add "type": "module" to your package.json.
• Replace "main": "index.js" with "exports": "./index.js" in your package.json.
• Update the "engines" field in package.json to Node.js 14: "node": ">=14.16". (Excluding Node.js 12 as it’s no longer supported)
• Add "module": "node16", "moduleResolution": "node16" to your tsconfig.json. (Example)
• Use only full relative file paths for imports: import x from '.'; → import x from './index.js';.
• Remove namespace usage and use export instead.
• Optional but recommended, use the node: protocol for imports.
• You must use a .js extension in relative imports even though you’re importing .ts files.

If you use ts-node, follow this guide. Example config.