Firefox debug ?

[Incremental]

Hello, probably a noob question, but I’m mainly able to debug my code when there is an error, when Firefox debug console debugger tab stops on the faulty line.

But what about when there’s no error and you want to put a break ?
When I search for my code, I found it in webpack-internal, but I find more than one file…
and the content is not my source…

What is the best way to debug ? Thanks

[dobbel]

@incremental

This gives me sourcemaps for all components in firefox and chrome under FIREFOX > Debugger > Main Thread > Webpack > src:

extendWebpack(cfg) {
       cfg.devtool = 'source-map';

See her for more detail about the devtool option values:
https://webpack.js.org/configuration/devtool/

[Incremental]

@dobbel thanks a lot it works perfectly with :
https://quasar.dev/start/vs-code-configuration#Debugging-a-Quasar-project-in-VS-Code

build: {
  devtool: 'source-map'

I think I should remove it for production… ?

[dobbel]

@incremental said in Firefox debug ?:

I think I should remove it for production… ?

That’s probably a good idea.