Reactjs debugging problem #268

ahmed-rezk-dev · 2021-08-11T00:43:13Z

ahmed-rezk-dev
Aug 11, 2021

Hi guys.Thank you so much for your hard work.
I'm trying to debug Reactjs with Nevoim I always end up with this error. Could you help me, please?

[ DEBUG ] 2021-08-09T22:02:11Z-0600 ] ...nvim/site/pack/packer/start/nvim-dap/lua/dap/session.lua:510 ]	{
  body = {
    error = {
      format = "Cannot connect to runtime process, timeout after {_timeout} ms - (reason: {_error}).",
      id = 2010,
      variables = {
        _error = 'Cannot connect to the target: <!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="utf-8">\n<title>Error</title>\n</head>\n<body>\n<pre>Cannot GET /json</pre>\n</body>\n</html>',
        _timeout = "10000"
      }
    }
  },
  command = "attach",
  message = 'Cannot connect to runtime process, timeout after 10000 ms - (reason: Cannot connect to the target: <!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="utf-8">\n<title>Error</title>\n</head>\n<body>\n<pre>Cannot GET /json</pre>\n</body>\n</html>).',
  request_seq = 1,
  seq = 5,
  success = false,
  type = "response"
}

dap.configurations.javascriptreact = { -- change this to javascript if needed
    {
        type = "chrome",
        request = "attach",
        -- program = "${file}/src/index.js",
        -- cwd = vim.fn.getcwd(),
        -- sourceMaps = true,
        -- protocol = "inspector",
        port = 3000,
        webRoot = "${workspaceFolder}/src",
        url = "http://localhost:3000",
    }
}

mfussenegger · 2021-08-16T18:19:57Z

mfussenegger
Aug 16, 2021
Maintainer

How are you starting chrome? It looks like you might be mixing up the port. The example in the wiki looks different.

3 replies

ahmed-rezk-dev Aug 30, 2021
Author

Well. the project is running on 3000. And I did copy the same example in the wiki but it didn't work.

mfussenegger Aug 30, 2021
Maintainer

Yes but the port is the port where chrome is listening, not where your web application is running

 port = 9222,

google-chrome-stable --remote-debugging-port=9222

ahmed-rezk-dev Sep 8, 2021
Author

I did try that but still not working.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Reactjs debugging problem #268

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 3 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Reactjs debugging problem #268

Uh oh!

ahmed-rezk-dev Aug 11, 2021

Replies: 1 comment · 3 replies

Uh oh!

mfussenegger Aug 16, 2021 Maintainer

Uh oh!

ahmed-rezk-dev Aug 30, 2021 Author

Uh oh!

mfussenegger Aug 30, 2021 Maintainer

Uh oh!

ahmed-rezk-dev Sep 8, 2021 Author

ahmed-rezk-dev
Aug 11, 2021

Replies: 1 comment 3 replies

mfussenegger
Aug 16, 2021
Maintainer

ahmed-rezk-dev Aug 30, 2021
Author

mfussenegger Aug 30, 2021
Maintainer

ahmed-rezk-dev Sep 8, 2021
Author