Menu
I'm trying to get the correct setup for a Angular-Cli project so that source maps work in Microsoft Edge. Angular-Cli v1.6.6 webpack v3.10.0
From the enabling the source map support in the configuration it works in Chrome but not in Edge. In Edge I see errors like:
Could not locate webpack:///(webpack)-dev-server/client?32cc specified in source map
And I see "eval code (xxx)" only links.
From what I can google "webpack:///" is not supported in Edge but I have not been able change the Angular-Cli setup to change it to something else (or I don't understand how to).
Just doing the "ng eject" makes the source map from not working to semi working (how maps correctly into the generated bundled js files, but not the unbundled js files like in Chrome) but I still see the "Could not locate webpack:///" like messages in Edge.
I have tried editing webpack.config.js file to change the "devtool" setup and/or the "SourceMapDevToolPlugin" parameter settings.
None of my tests have worked.
763
To edit a JavaScript file in DevTools, use the Editor pane, within the Sources tool. To load a file into the Editor pane, use the Page tab in the Navigator pane (on the left). Or use the Command Menu, as follows: in the upper right of DevTools, select Customize and control DevTools ( ... ) and then select Open File.
Since then we've expanded our offerings and rebranded to Edge but have kept our commitment to being open source. Ultimately we're a security company that develops software for protecting and facilitating the use of digital money.
A source map is a special piece of data that “maps” this obfuscated code back to its original state for us to work with. It's common practice nowadays, for example with Angular, to write TypeScript and compile to ECMAScript to run in the browser.
My source mapped files works well: have you tried searching along the "no domain" folder of the "debugger" tab? (see my image below, sorry for the italian localization)
In that folder all your source mapped files will be visible (but i admit that i prefer the chrome way instead of a meaningless "no domain" folder).
P.S. In angular-cli i have used ng build --prod --source-map. All my files are minified.
82
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
