Debugging the elasticsearch-example in search-ui

Hi,

I am getting started with the search-ui components and have the Elasticsearch-example from the search-ui up and running in Visual Studio Code.
I can create a launch.json to configure the environment for debugging.
Although the debugger starts, any breakpoint that I set becomes 'unbound'.
I have tried to add the outFiles option, but that does not help.

{
            "type": "node",
            "request": "launch",
            "name": "search-ui debug",
            "cwd": "${workspaceFolder}",
            "runtimeExecutable": "npm",
            "runtimeArgs": ["run-script", "start"],
            "outFiles": [ "${workspaceRoot}/src/*.js" ]
            }

I hope someone can share a working launch.json to help get started with debuggin.
In other React Apps I don't have this problem.
This is the repo that I am using: https://github.com/elastic/search-ui/tree/master/examples/elasticsearch

I honestly have no idea, I've never attempted this myself. You can also try dropping an issue directly on the repository, you may have a more targeted audience there that could help you.

1 Like