Nextjs TypeScript source maps not being associated correctly.

SDKs
1

Hi Sentry team and community, we’re in the process of evaluating Sentry and have run into an issue where our NextJs source maps do not seem be associating correctly with the code. Any direction or help would be appreciated.

The problem

We have a piece of code that throws an error:

const throwError = () => {
  throw new Error('An Error has been thrown');
};

A button onClick calls this function. Sentry catches the error fine and we have logs generating on the Sentry dashboard(:clap:) .

The issue seems to be that the Typescript source maps are not being rendered properly on the sentry dashboard:

What we’re expecting to get:

Sentry Expected Result 1
Sentry Expected Result 11678×562

Sentry Expected Result 2
Sentry Expected Result 21164×138

What we’re getting:

Sentry actual result
Sentry actual result1710×1304

Artefacts

The current artefacts looks like this:

Artefacts Current
Artefacts Current2474×1390

However the previous Artefacts looked like this

Previous Artefacts
Previous Artefacts2352×1216

So I am fairly sure one of those would have given the correct result if the path was the issue.

What I’ve tried so far

I have tried

  • Uploading viia HTTP
  • Uploading via the Sentry CLI
  • Uploading via the Sentry Webpack Plugin

and have no results.

I’m happy to provide more info if needed.

Thanks
Nilu

2

Hey, there are two issues that I see. The first one is that artifacts doesn’t match paths 1:1 (see placeholder [shortname] for example and for the second for me to confirm, can you please provide a link to one of the affected events? Thanks!

3

First make sure your paths are correct and then put a “~” in front of the first slash, so “~/sandbox/_next/serverless/…”