No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Debugging - Breakpoint set but not yet bound

    Help
    debugging devtools electron
    1
    1
    638
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Q
      quasy last edited by

      Hi, I am trying to debug my electron app in VS Code using the debugger.

      I have followed the steps here:

      • list item https://quasar.dev/start/vs-code-configuration#Debugging-a-Quasar-project-in-VS-Code

      I have also successfully installed the Vue Chrome Dev Tools. Thanks for the good gems on how to do that.

      I have two issues.

      • Main issue: all of my breakpoints say “Breakpoint set but not yet bound” and the code does not stop there.
        Secondary (possibly related issue): my debug console has a “reference error” as follows:
      ReferenceError: require is not defined
          at Object.url (http://localhost:8080/app.js:13182:1)
          at __webpack_require__ (http://localhost:8080/app.js:854:30)
          at fn (http://localhost:8080/app.js:151:20)
          at Object../node_modules/webpack-dev-server/client/utils/createSocketUrl.js (http://localhost:8080/vendor.js:121056:11)
          at __webpack_require__ (http://localhost:8080/app.js:854:30)
          at fn (http://localhost:8080/app.js:151:20)
          at Object.<anonymous> (http://localhost:8080/vendor.js:120689:23)
          at Object../node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8080 (http://localhost:8080/vendor.js:120846:30)
          at __webpack_require__ (http://localhost:8080/app.js:854:30)
          at fn (http://localhost:8080/app.js:151:20)
      external "url":1
      

      My launch.json file is setup as directed (url seems odd for an electron app but I am a newbie):

      {
        "version": "0.2.0",
        "configurations": [
          {
            "type": "chrome",
            "request": "launch",
            "name": "Quasar App: chrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}/src",
            "breakOnLoad": true,
            "sourceMapPathOverrides": {
              "webpack:///./src/*": "${webRoot}/*"
            }
          },
          {
            "name": "Debug Main Process",
            "type": "node",
            "request": "launch",
            "cwd": "${workspaceFolder}",
            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
            "windows": {
              "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron.cmd"
            },
            "args": ["."],
            "outputCapture": "std"
          }
        ]
      }
      

      I also have the ‘source-map’ for the devtool key under build object in quasar.conf.js

      Any ideas?

      1 Reply Last reply Reply Quote 0
      • First post
        Last post