Recently I faced a very nasty problem with source mapping using grunt-contrib-concat. Grunt-contrib-concat concatenates several .js files into one and uses source-map module for source mapping. So breakpoints in my code paused incorrectly both in Chrome and in VS Code. (You know what is it, if you faced the same problem). My environment: Windows 10, VS Code with Debugger for Chrome extension, Chrome browser, Node.js project with grunt-contrib-concat dependency. It is very unefficient to debug your client-side code without correct breakpoints.
Wrong source map for concatenated .js file in grunt-contrib-concat
221 Views Asked by Inflight At
1
There are 1 best solutions below
Related Questions in JAVASCRIPT
- Using Puppeteer to scrape a public API only when the data changes
- inline SVG text (js)
- An array of images and a for loop display the buttons. How to assign each button to open its own block by name?
- Storing the preferred font-size in localStorage
- Simple movie API request not showing up in the console log
- Authenticate Flask rest API
- Deploying sveltekit app with gunjs on vercel throws cannot find module './lib/text-encoding'
- How to request administrator rights?
- mp4 embedded videos within github pages website not loading
- Scrimba tutorial was working, suddenly stopped even trying the default
- In Datatables, start value resets to 0, when column sorting
- How do I link two models in mongoose?
- parameter values only being sent to certain columns in google sheet?
- Run main several times of wasm in browser
- Variable inside a Variable, not updating
Related Questions in ANGULARJS
- How to automatically change path in angular when scrolling
- Error two clicks to be able to login Angular 16
- Passing an array of objects through the $http.post method in angular JS does not work
- Understanding how to apply Angular Signals from beginning on an existing service
- provider duplicate while compiling a Cordova application for the Android platform
- How can I use angularjs $parse service in Angular?
- Width of custom headers in ag-grid (angular) doesn't match with column's width
- Issues with Katex/ngx-markdown Rendering in Angular 16
- How to make Angular SSR wait for async operations to finish that are initiated in ngOnInit?
- I want to install @angular/google-maps npm Package in angular 16.2.12 but "npm install @angular/google-maps" this is not working/ tell me other query
- Angular 17 standalone application integrate CKEditor 5 -- Error: window is not defined
- Why is $scope >= 0 showing true in interpolation while empty in controller?
- The XMLHttpRequest compatibility library was not found
- Making Gantt Chart Column Labels More Readable
- Pass key-value pairs of object as individual arguments to component in Angular
Related Questions in SOURCE-MAPS
- How to configure Sentry Webpack sourcemap uploading in Quasar?
- Next.js 13.4.1 & Webpack 5.89.0: Not Generating Source Maps for Chunks in Production
- Why are two of our Angular component templates taking up so much space of our bundle?
- Accessing File Name and Line Number in Production Errors with React Error Boundary
- Vite sourcemaps show in inspector, but loads different sourcemap in browser
- How to have conditional source-maps in next.js
- How to get source-mapped path to code in Browser in JavaScript?
- Sourcemap granularity
- Vite JS merge output sourcemaps
- How can error stack traces be logged in Azure Durable Functions for Typescript?
- How to enable SCSS sourcemap not css with parcel
- Understanding Source Map Generation Through Multiple Code Transformations (TypeScript, Hermes, Obfuscator, etc.)
- Backtrace the source map file where a minificated error happened
- debug in chrome and step into original code and not compiled one
- Cannot set breakpoint in chrome dev tools on executable lines
Related Questions in GRUNT-CONTRIB-CONCAT
- Warning: Uglification failed. Unexpected token: punc «:», expected: punc «,»
- Which grunt module was used to combine these files?
- Best possibilities to convert the gulp tasks to grunt?
- How to exclude only *.spec files and include all other *.js files under a directory in grunt task?
- How to make uglify and grunt index all imports and generate one single file
- How can I add to a data array from multiple files?
- Grunt concat files into their respective source directory
- Grunt: Access Sequence/List Data from External YAML File
- Lodash lib load selected function
- Wrong source map for concatenated .js file in grunt-contrib-concat
- Cleanly-maintained concat steps -- deleting temp files?
- Debug Javascript with multi-level source maps
- Minified file breaks angular
- How do I create a sourcemap for each individual js file with grunt-contrib-concat and grunt-contrib-uglify?
- Put the minified html in to javascript for grunt task
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
I have spent several hours to clear the problem, and finally I have found the solution. Problem was in concatenate minified .js files. After these minified files line numbers in source map become wrong. So the solution is to exclude minified files and use normal instead.