How does the URL in the stack trace get decided and where does it come from?

[GigEth]

Environment

SaaS (https://sentry.io/)

What are you trying to accomplish?

Ever since upgrading to Webpack 5 and the newest version of the Sentry Webpack plugin, the stack trace has started to show a URL as the file name:

If I click this, the URL goes to a location underneath my assets folder but since the assets are minified, this location doesn't exist.

On the older version of the Sentry Webpack plugin and with Webpack 4 (on another project I have which hasn't been upgraded), it looks like this:

How are you getting stuck?

What exactly is this URL? Where does it come from? How can I change Sentry so that the URL either points to an accessible location or doesn't show up at all as was the behaviour before I upgraded Sentry and Webpack?

The URL I am taken to is like: https://assets.my-project.com/my-app/1.0.0/project-name/src/Utilities/formatNumberAsCurrency.ts. This doesn't exist. What does exist is a URL like: https://assets.my-project.com/my-app/1.0.0/main.js. So can I get this URL to point there instead? Would I want it to point there?

Where in the product are you?

Issues

Link

No response

DSN

No response

Version

No response

[getsantry]

Assigning to @getsentry/support for routing ⏲️

[lforst]

If your error is properly source-mapped, the URL comes from the sources field inside your source maps. There might be some slight normalization that we do to it.

If your error is not source-mapped, the URL is just the location of the stack frame as it was in your error.

[GigEth]

Hi @lforst thank you for coming back to me.

This makes sense to me but what doesn't make sense is why this has suddenly changed.

I compared the source maps generated by V4 of Webpack and an older version of the Sentry Webpack plugin and the new version and I could not see any differences in them.

Old main.js.map (from Webpack 4):

webpack://my-app/./src/Utilities/formatNumberAsCurrency.ts

New main.js.map (from Webpack 5):

webpack://my-app/./src/Utilities/formatNumberAsCurrency.ts

So it makes sense to me where the stack trace name (shown at the top of the stack trace) is coming from but it doesn't explain why it differs now? And it does not also explain why in the older version the URL was not there and now it is?

Please can you help me understand?

[lforst]

There was a slight change in how we pre-process the sources field. You can control the way the sources field is processed with the sourcemaps.rewriteSources option:

sentry-javascript-bundler-plugins/packages/bundler-plugin-core/src/debug-id-upload.ts

Lines 390 to 397 in ee73414

	const PROTOCOL_REGEX = /^[a-zA-Z][a-zA-Z0-9+\-.]*:\/\//;
	function defaultRewriteSourcesHook(source: string): string {
	if (source.match(PROTOCOL_REGEX)) {
	return source.replace(PROTOCOL_REGEX, "");
	} else {
	return path.relative(process.cwd(), path.normalize(source));
	}
	}