Questions tagged [source-maps]

A source map allows a JavaScript debugger to map line and symbol information from a transformed (eg. minified, optimized) JavaScript file back to the original input file used for the transformation. The original file can be any kind of text file which in effect enables in-browser debugging of any language compiling to JavaScript.

Filter by
Sorted by
Tagged with
0 votes
0 answers
18 views

Sourcemap is off for vite/vue

In vue/vite/rails stack sourcemap is completely off. Devtool showing incorrect line on error/debug. Can figure out what exactly causing issue. vite.config.ts: import {defineConfig} from "vite&...
Maxym Kopych's user avatar
0 votes
1 answer
21 views

How to output stack traces pointing to the original files instead of the bundled files in a node app?

I have a node app that is bundled with sourcemaps (inline or not makes no difference) using Rollup. When an error is thrown, I get something like Error: FF at Function.<anonymous> (/.../...
Maxime Dupré's user avatar
0 votes
0 answers
15 views

React Native Expo with Bugsnag Sourcemaps bugsnag-eas-build-on-success Not found

I am trying to get sourcemaps to work on an expo 49 project. the bugsnag docs say to add this to package.json "scripts": { ... "eas-build-on-success": "npx ...
Clark Taylor's user avatar
0 votes
0 answers
19 views

tsc not emitting correct sourceMapURL location

I'm having issues with using "sourceMaps": true in my tsconfig.json I currently have tsc set up so that src/services/database.ts generates dist/services/database.js and dist/services/...
andypaxo's user avatar
  • 6,301
0 votes
0 answers
19 views

Webpack configuration: source-maps and development/production mode

So, I have the following configuration for Webpack. I have only 2 doubts: how can I switch from Development mode to Production mode by simply changing my command? At the moment I use the command &...
Antonino Lattene's user avatar
-2 votes
1 answer
29 views

Is there any way to reverse code after build project by typescript tsc command

the project still have sourcemap file, using the typescript of version 4.7 Is there any way to reverse the code ? using the reverse-sourcemap not working, return the message of "Not all sources ...
wallenz's user avatar
0 votes
0 answers
45 views

How to disable next js source maps only in production environment whereas enable in other non prod?

Here is my next.config.js, here i have added the productionBrowserSourcemaps:true, to generate the /static/chunks/statusCheck-6tghgrrtf.map.js. When i add the flag its generating the original code in ...
KGT's user avatar
  • 29
0 votes
0 answers
21 views

Angular: How to know what is causing this huge space allocation in html file in Source Map Explorer

I am trying to optimize an angular application and I am using Source Map Explorer to identify which part of my application is taking a lot of space. Command to build my angular project: ng build --...
Johar Zaman's user avatar
  • 2,013
0 votes
1 answer
33 views

How to use local sourcemaps instead of uploaded ones in sentry

Sentry's documentation explains how to upload sourcemaps to sentry by using the sentry-cli. But in my case I do not want to upload those to sentry, instead all my sourcemaps are stored right next to ...
HubertNNN's user avatar
  • 1,807
0 votes
0 answers
32 views

Obtaining "Invalid string length" while running ng build of a library

In Angular (see spec below), trying to generate a large library, thus running ng build <project>, we obtain ❌ Generating "fesm2015" Invalid string length Indeed, fesm2020 build ...
Vincenzo Manto's user avatar
0 votes
0 answers
25 views

HTML sourcemap convention

Per the Source Map spec §6.2: There are two suggested ways to link source maps to the output. The first requires a server support to add a HTTP header and the second requires an annotation in the ...
wizzwizz4's user avatar
  • 6,180
0 votes
0 answers
27 views

Showing line number of source code in Electron app devtools

I want to show the source code line number in my Electron/Capacitor app instead of the chunk line number in the console section of the dev tools. Current display Is there any way to do this? I enabled ...
Mohammad Jamjoom's user avatar
0 votes
1 answer
52 views

Gulp don't create sourcemaps

I'm studying Gulp and trying to generate sourcemaps for my JavaScript file app.js, but sourcemaps generation isn't working as expected. I came across some old answers suggesting using the gulp-...
salsan's user avatar
  • 459
0 votes
0 answers
42 views

Source maps not working on sentry when client side error occurs (webpack-plugin used with Next js 13)

I followed the manual setup to send sourcemaps to sentry with @sentry/webpack-plugin and @sentry/nextjs since I use Next js framework on my project. The new release created on sentry includes ...
YOUROUS's user avatar
  • 29
0 votes
1 answer
63 views

How can I bind break points in both my Angular application and library in VSCode, I can only get working in one or the other, not both

I am attempting to get debugging in vscode working for both my application and my lib for Angular 16 at the same time. The structure is as follows: ./root ./root/my-app/src ./root/lib/projects/my-lib ...
Mike's user avatar
  • 675
0 votes
0 answers
6 views

Is there a way we could exclude folders or files from being minified in webpack when sourcemap is disabled?

Is there any way we could exclude few files or folders from being minified in webpack? I could find any solution, is it possible to do so?
Dejavu's user avatar
  • 15
-3 votes
1 answer
31 views

VS Code Aug 2023: How can source maps be automatically loaded from authenticated endpoints

The release notes from the newest (Aug 2023) VS Code release says: Source maps can now be automatically loaded from authenticated endpoints That's great! But to use this, we need some more info: ...
crimbo's user avatar
  • 10.5k
1 vote
1 answer
259 views

Sentry sourcemaps not working for Expo 49 builds

I had a script that ran eas update --branch <DEVELOPMENT> --non-interactive --auto --json and then called sentry-cli upload-sourcemaps to upload output of eas update to sentry. However, it ...
Andrius Juškevičius's user avatar
0 votes
0 answers
36 views

ValidationError: Invalid options object. Style Loader has been initialized using an options object that does not match the API schema. react

I'm using react, my project was running just fine, then out of nowhere i got this error with all the sass file Module build failed (from ./node_modules/style-loader/dist/cjs.js): ValidationError: ...
Mariam Ebrahim's user avatar
1 vote
0 answers
18 views

Is it possible to encode DWARF debug information into wat (wasm textual format)?

I'm developing a compiler that compiles to WebAssembly Text format (.wat) and want to include debug info. Is it feasible to include DWARF debug information within the .wat file, or is it more ...
Troels Lund's user avatar
0 votes
0 answers
91 views

Chrome DevTools Local Overrides Not Reflecting Changes in Webpack Source Maps

I've been experimenting with the Chrome DevTools' local overrides feature to modify a specific JavaScript file on a website. However, I've run into an interesting situation that I need some guidance ...
Mithun's user avatar
  • 1
0 votes
0 answers
41 views

How to upload sourcemaps from NuxtJS to Rollbar

Introduction Hey, I am trying to upload the sourcemaps generated from webpack to Rollbar. I am using nuxt-rollbar-module inside the modules key to log the errors: [ 'nuxt-rollbar-module', {...
Francisco Silva's user avatar
0 votes
1 answer
120 views

Sentry issue not unminifying code with uploaded source maps

I'm working on a ReactJS (create-react-app) project. I do not generate source maps in my production build. But I still want to be able to unminify code for issues in production. In an attempt to ...
Mads Lundgaard's user avatar
0 votes
1 answer
33 views

What's the difference between webpack:/// and webpack:?

I am trying to setup launch.json in VS Code to debug Angular application. I find from online research that we need to set sourceMapPathOverrides to set source mapping path. I have seen some different ...
ethan1999's user avatar
1 vote
0 answers
21 views

Errors started to point to the bundle

For some reason, the error outputs for my React project now point to the bundle and not to my code: Based on the linked post, I added the webpack.config.js file: module.exports = { devtool: '#...
AlwaysLearning's user avatar
0 votes
0 answers
38 views

Why am I keep getting these warning messages in my VS CODE console?

So below is the exact warning message that I keep seeing when I "npm start" my project. I hope it helps to fix it. I'm also using "firebase" as the data center and "...
Lavenderer's user avatar
1 vote
0 answers
89 views

Nextjs 13 - Webpack just show one css file in dev, needed in dev see the source map (css files) in detail

first sorry if I write some bad english (not my native language). Im new in Nextjs and im using version 13.4 and for css i use SASS I have a problem with webpack. When I was using just react in dev on ...
JMrt's user avatar
  • 11
0 votes
1 answer
97 views

WARNING in ./node_modules/html2pdf.js/dist/html2pdf.js - Failed to parse source map

I am using html2pdf.js in my React project, and everything seems to be working fine. However, when I run the development server with react-scripts, I receive the following warning in the console: ...
Muhammad Shakir's user avatar
0 votes
1 answer
33 views

How do sourcemaps work in React with sentry and production code?

I'm after an understanding on how sourcemaps work in the following scenario. I've got code deployed to production and I want to upload sourcemaps to sentry. There is a process & docs for adding ...
Red Baron's user avatar
  • 7,091
1 vote
0 answers
327 views

Debugging AWS SAM / Lambda / TypeScript project with VS Code (source mapping config?)

I am having trouble debugging AWS SAM project with Lambda written in TypeScript using VS Code. My project setup is as follows. Project generated using sam init and Hello World Example TypeScript ...
Eugene Loy's user avatar
  • 12.3k
0 votes
0 answers
81 views

Does Angular provide a method of outputting source maps to a custom location?

I have my angular (v16) production code minified. I don't currently output source maps because I don't want end users to be able to get to them. I want to start adding source maps to the production ...
jake's user avatar
  • 154
0 votes
1 answer
150 views

React omit source maps while keep Sentry recognise them

Context We're trying to omit any source maps in our production build using react create app while keep uploading it to sentry. To my understand it's supposed to work, however Sentry refuses to ...
Jim Vercoelen's user avatar
0 votes
0 answers
110 views

Adding breakpoints in Typescript and VueJS code with the Chrome Debugger

I use Typescript to develop an app with Vue.Js framework. It is built with Vite. I cannot add the break points on every lines. Sometimes, when the breakpoints stops the execution, the Javascript ...
Xavier Ottolini's user avatar
0 votes
0 answers
38 views

How to use a production bundle stack trace with a map to get the error line

I want to deliver my software with no maps. Each production build includes its commit hash in order to be able to get the exact code in which the build was made. I would like to given an error stack ...
Alexis Leite Paracampo's user avatar
1 vote
0 answers
208 views

Sentry still shows unmodified stack trace but no error is being shown

Im currently trying to get Sentry to work in an Angular 5 web app. Errors are being reported and show up on in Sentry the stack traces however are still minified. Currently the sentry-cli is being ...
Bjarne Voigtländer's user avatar
1 vote
0 answers
322 views

Next.js how to disable source maps?

My nextjs project always have source map after build in chunks folder, how to disable the source map enter image description here next.config.js enter image description here scripts in package.json ...
Zhen.Liu's user avatar
0 votes
0 answers
14 views

Why does enabling `sourceMap.vendor` decrease source map size?

The Angular has an option sourceMap.vendor which Resolve vendor packages source maps. Therefore I expect: when it is true, the source map file has a larger size than when the option being false. ...
AlexElin's user avatar
  • 1,121
1 vote
0 answers
75 views

Where do I get the .map file for a .min css styles of Font awesome in version 5.3.1

I had inherited an old project at work that uses the Font Awesome library on version 5.3.1. The CSS file that comes with the library is called font-awesome.min.css and as you can tell from the ...
Aleix Mariné's user avatar
0 votes
0 answers
154 views

Source maps not working VSCode debugger Typescript

I realise this is a heavily asked question but through all the articles I have read, I have not yet found a solution. I'm trying to debug my serverless Typescript project using VSCode debugger. ...
wmash's user avatar
  • 4,042
1 vote
0 answers
92 views

Create declaration maps from existing .d.ts files and JavaScript sources

It seems typescript compiler can generate .d.ts files and the source maps (.d.ts.map files) from JavaScript sources as described here. Declaration maps are generated with declarationMap option in ...
Yevgeniy P's user avatar
  • 1,510
1 vote
1 answer
218 views

How can I retrieve/generate a list source files for each chunk file in Webpack 5?

Using Webpack5, I need a manifest with the source files containing in each chunk. That is, for each file [name].[id].[hash].js (e.g. myapp.931.48654ad6a4s6d.js) created during build, I need a list of ...
RaphaelDDL's user avatar
  • 4,450
2 votes
0 answers
115 views

In Chrome Devtool and webpack project, how to go from console stack trace to original source?

I have a webpack/typescript project with source map. My webpack devtool config is eval-source-map. In Chrome devtool > sources, I can clearly see and debug the original source code. However, the ...
lastoneisbearfood's user avatar
0 votes
0 answers
25 views

Why are browsers omitting the Referer header when requesting source maps?

I tested it in Chrome and Firefox, both of them will not include the Referer header when requesting JavaScript source maps. What is the reason for that, is it by design? Couldn't find any ...
meblum's user avatar
  • 1,724
0 votes
0 answers
153 views

Sentry create-react-app source maps configuration "could not determine a source map reference"

I have a create-react-app-based React application that is currently deployed on Vercel. I have tried multiple ways (Craco.js, react-app-rewired, etc.) to avoid using npm run eject and modifying the ...
Kunal Jain's user avatar
0 votes
1 answer
160 views

chrome and edge can't load cross-origin sourcemap

I wanted to launch GWT SuperDevMode and set breakpoints on Chrome or Edge's DevTools, but previously I was able to view the source and set breakpoints. However, the source is not displayed due to ...
powtok's user avatar
  • 11
0 votes
0 answers
50 views

Is it possible to un-minify Chrome's heap snapshot results? (like through a source map)

I'm trying to interpret the results of various heap snapshots on Chrome's dev tools menu for memory leaks but it's hard breaking down some of the code but since it's minified, a lot of the variable ...
Emma's user avatar
  • 1
0 votes
1 answer
272 views

What are the drawbacks of enabling source maps on a production Node.js app? [closed]

Are there any disadvantages or considerations I should be aware of when enabling source maps in a production environment for a Node.js application? I have a production Node.js application that is ...
Matan Yadaev's user avatar
  • 3,138
3 votes
0 answers
506 views

NestJS + Sentry - source maps not mapping correctly

I need to integrate NestJs-origin source maps into Sentry. I went through the official troubleshooting guide and nearly every issue on the Github Sentry repository but I still can't correctly connect ...
Mark's user avatar
  • 275
2 votes
1 answer
561 views

How can I locally override a source-mapped JavaScript file in Chrome DevTools?

I have a bundle of minified JavaScript files (created with babel) along with a source map file. I can use the source map to add break points and step through the original code. What I'd like to do now ...
Richard Ver Steeg's user avatar
0 votes
1 answer
516 views

Error using Sentry/webpack-plugin with sourcemaps in Vue.js2 + Webpack4: How to solve 'compilation.updateAsset is not a function'?

Hi i want to connect sourcemaps to Sentry. So installed sentry/webpack-plugin But Got Errors. I don't know how to solve it. T.T Environment : Vue.js 2.6.10 Webpack : 4.28.4 vue.config.js const { ...
yeomgahui's user avatar

1
2 3 4 5
23