NuxtN
Nuxt•2y ago
'.ଓ

How to use vscode debugger in vue nuxt 2 project?

hi guys
When I run the project with the debugger, I'm unable to set breakpoints successfully. This is causing me difficulties in effectively debugging my application.

I've included the contents of my nuxt.config.js file below for your reference:

export default {
  // devtools: { enabled: true },
  build: {
    extend(config, ctx) {
      if (ctx.isDev) {
        config.devtool = ctx.isClient ? 'source-map' : 'inline-source-map'
      }
    }
  },
  configureWebpack: {
    devtool: 'source-map'
  },
  site: {
    debug: true,
  },
  sourcemap: {
    server: true,
    client: true
  },
  ssr: false,
  cache: false,
  ... ... ...
}

I've tried updating the webRoot and sourceMapPathOverrides configurations, as well as rebuilding the Nuxt.js project, but I'm still unable to set breakpoints successfully.
Could you please provide any guidance or suggestions on how I can resolve this issue?
Thank you in advance for your help. I look forward to your response.
image.png
Was this page helpful?