Kibana 7- How to debug custom plugin in the browser?

Elastic Stack Kibana
1

Hello,

I have spun up Kibana 7.0 and elastic search instances and generated a plugin template using kbn-plugin-generator.

I have built a simple react app that is ran as a custom plugin. This works, but I am unable to view any of the files I have written in the sources section of chrome dev tools. I would like to be able to insert break points in my plugins source code when building more complex apps in the future, is this possible and supported by kibana?

Thanks

2

You need to run Kibana from source.

See here how to set up a Kibana project https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md

Then, you can set optimization params in a kibana.dev.yml file (this config file will get loaded when running in dev-mode).

something like:
optimize.sourceMaps: true

3

I created a kibana.dev.yml and added the parameter you specified and everything worked.

Thanks for your help Thomas!