Module not found: ESM packages (supports-color) need to be imported. Use 'import' to reference the package instead.

[kulterryan]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/nextjs

SDK Version

9.14.0

Framework Version

Next 14.2.6

Link to Sentry event

No response

Reproduction Example/SDK Setup

import * as Sentry from '@sentry/nextjs';

Sentry.init({
  tracesSampleRate: 1,
  debug: false,
});

Steps to Reproduce

I installed sentry using the wizard.

Expected Result

It should compile the code properly.

Actual Result

Getting error during compilation of instrumentation.ts file in nextjs.

./node_modules/.pnpm/debug@4.3.7_supports-color@10.0.0/node_modules/debug/src/node.js
Module not found: ESM packages (supports-color) need to be imported. Use 'import' to reference the package instead. https://nextjs.org/docs/messages/import-esm-externals

Import trace for requested module:
./node_modules/.pnpm/debug@4.3.7_supports-color@10.0.0/node_modules/debug/src/node.js
./node_modules/.pnpm/debug@4.3.7_supports-color@10.0.0/node_modules/debug/src/index.js
./node_modules/.pnpm/require-in-the-middle@7.5.2_supports-color@10.0.0/node_modules/require-in-the-middle/index.js
./node_modules/.pnpm/@opentelemetry+instrumentation@0.57.2_@opentelemetry+api@1.9.0_supports-color@10.0.0/node_modules/@opentelemetry/instrumentation/build/esm/platform/node/instrumentation.js
./node_modules/.pnpm/@opentelemetry+instrumentation@0.57.2_@opentelemetry+api@1.9.0_supports-color@10.0.0/node_modules/@opentelemetry/instrumentation/build/esm/platform/node/index.js
./node_modules/.pnpm/@opentelemetry+instrumentation@0.57.2_@opentelemetry+api@1.9.0_supports-color@10.0.0/node_modules/@opentelemetry/instrumentation/build/esm/platform/index.js
./node_modules/.pnpm/@opentelemetry+instrumentation@0.57.2_@opentelemetry+api@1.9.0_supports-color@10.0.0/node_modules/@opentelemetry/instrumentation/build/esm/index.js
./node_modules/.pnpm/@sentry+node@9.14.0_supports-color@10.0.0/node_modules/@sentry/node/build/cjs/otel/instrument.js
./node_modules/.pnpm/@sentry+node@9.14.0_supports-color@10.0.0/node_modules/@sentry/node/build/cjs/index.js
./node_modules/.pnpm/@sentry+nextjs@9.14.0_@opentelemetry+context-async-hooks@1.30.1_@opentelemetry+api@1.9._0955db245e18b83c766d7b3c2cf636ed/node_modules/@sentry/nextjs/build/cjs/index.server.js
./sentry.server.config.ts

[chargome]

Hey @kulterryan thanks for reaching out.

Looks like debug is requiring supports-color, that's why you are running into https://nextjs.org/docs/messages/import-esm-externals (because it expects it to imported).

Seems not to be related to the Sentry SDK but I would try some of the following:

• Reinstall your deps while clearing your pnpm cache
• Try installing supports-color
• experimental.esmExternals: 'loose' in your next.config