Understanding Devtools source map in Chart.js

[Udemology]

I wonder about this as I do not understand how this would impact Chart.js code.

If I use the url: https://cdn.jsdelivr.net/npm/chart.js I will get an error in console log regarding for Devtools source map.
If I use the new correct url: https://cdn.jsdelivr.net/npm/chart.js/dist/chart.umd.min.js, the error disappears

The error disappears. While looking at my chart I do not see a difference in end result if I use one or the other.
I understand Chart.js changed the url in version 4. However, is there any way using the old url that can impact the code?

This question is more a quest for understanding the difference it behind.

[kurkle]

This is because jsdelivr automagically minifies the source, when its name does not contain .min (this is a guess) and does not generate sourcemap for it

The .cjs is minified, but jsdelivr fails to detect that.

[dangreen]

@kurkle Not exactly. We have jsdelivr field in package.json:

Chart.js/package.json

Line 13 in b967d71

"jsdelivr": "./dist/chart.umd.js",

so https://cdn.jsdelivr.net/npm/chart.js is points to https://cdn.jsdelivr.net/npm/chart.js/dist/chart.umd.js

https://cdn.jsdelivr.net/npm/chart.js/dist/chart.umd.min.js contains notice:

Skipped minification because the original files appears to be already minified.
Original file: /npm/[email protected]/dist/chart.umd.js

chart.umd.js uses relative url to sourcemaps

//# sourceMappingURL=chart.umd.js.map

so for https://cdn.jsdelivr.net/npm/chart.js/dist/chart.umd.js it's https://cdn.jsdelivr.net/npm/chart.js/dist/chart.umd.js.map

for https://cdn.jsdelivr.net/npm/chart.js it will try to load https://cdn.jsdelivr.net/npm/chart.umd.js.map , which is not exists

[Udemology]

Thank you for explaining this. This makes it clear to me. It kept me wondering what was going. Truly appreciate it.