How to trace log in browser devtools?

[slow-groovin]

Besides manually tagging, are there any easier ways to track the source code location of logs?

[aklinker1]

You can enable source maps. It's annoying and Chrome keeps changing where settings are stored, so WXT can't really keep up with the changes: #912 (comment)

Note that @wxt-dev/module-vue disables sourcemaps, otherwise HMR doesn't work for some reason:

wxt/packages/module-vue/src/index.ts

Lines 16 to 17 in fab9fa8

	// Fixes known issue: https://github.com/wxt-dev/wxt/pull/607
	sourcemap: false,

[slow-groovin]

Thanks, here is my config that can work:
wxt.config.ts

export default defineConfig({
  vite: () => ({
    build:{
      sourcemap: true
    },
  }),
  manifest: {
    web_accessible_resources: [
      {
        matches: ['<all_urls>'],
        resources: ['content-scripts/*.map'],
      },
    ],
  }
});