Chrome Debugger not working vscode angular 5

Asked Apr 27 '18 at 06:16

Active Jun 20 '18 at 07:59

Viewed 3,104 times

Im trying to use the google chrome debugger and everytime i press the debug button I get cannot reach localhost? what am I doing wrong?

my launch.json is set up like this...

{
    "version": "0.2.0",
    "configurations": [
      {
          "type": "chrome",
          "request": "launch",
          "name": "Launch Chrome against localhost",
          "url": "http://localhost:1234",
          "webRoot": "${workspaceFolder}"
      },
      {
          "type": "chrome",
          "request": "attach",
          "name": "Attach to Chrome",
          "port": 9222,
            "webRoot": "${workspaceFolder}"
      }
      ]
    }

any help would be appreciated and please let me know if more info is needed..

edited Apr 29 '18 at 08:47

Gama11

31,714
9
78
100

asked Apr 27 '18 at 06:16

Smokey Dawson

8,827
19
77
152

1

Clicking debug will initate the debugger to connect to you dev server, it won't start the server itself. You need to run `npm start` first then only after the app is running you click the debug button. – Rosdi Kasim Apr 27 '18 at 06:55
My server is running, I have started it using ng serve – Smokey Dawson Apr 27 '18 at 06:56
Sorry for this stupid question, are you able to browse to `http://localhost:1234`? Perhaps you can also try 127.0.0.1 instead of localhost. – Rosdi Kasim Apr 27 '18 at 06:57
Check the port in the `package.json` start script : ng serve -p ... is it 1234 ? – ibenjelloun Apr 27 '18 at 07:01
follow this link https://stackoverflow.com/questions/42495655/how-to-debug-angular-with-vscode – manoj mallick Feb 18 '20 at 13:05

Chrome Debugger not working vscode angular 5

0 Answers0