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

**URL:** <https://discuss.elastic.co/t/kibana-7-how-to-debug-custom-plugin-in-the-browser/180076>\
**Category:** Kibana\
**Created:** [May 7, 2019, 9:51pm UTC](https://discuss.elastic.co/t/kibana-7-how-to-debug-custom-plugin-in-the-browser/180076 "2019-05-07T21:51:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![swood1](https://avatars.discourse-cdn.com/v4/letter/s/dfb087/32.png) [@swood1](https://discuss.elastic.co/u/swood1)\
**Post date:** [May 7, 2019, 9:51pm UTC](https://discuss.elastic.co/t/kibana-7-how-to-debug-custom-plugin-in-the-browser/180076/1 "2019-05-07T21:51:44Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![thomasneirynck](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/thomasneirynck/32/23313_2.png) [@thomasneirynck](https://discuss.elastic.co/u/thomasneirynck)\
**Post date:** [May 8, 2019, 1:47pm UTC](https://discuss.elastic.co/t/kibana-7-how-to-debug-custom-plugin-in-the-browser/180076/2 "2019-05-08T13:47:08Z")

</div>

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](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`

---

<div class="post-metadata">

**Author:** ![swood1](https://avatars.discourse-cdn.com/v4/letter/s/dfb087/32.png) [@swood1](https://discuss.elastic.co/u/swood1)\
**Post date:** [May 8, 2019, 2:33pm UTC](https://discuss.elastic.co/t/kibana-7-how-to-debug-custom-plugin-in-the-browser/180076/3 "2019-05-08T14:33:54Z")

</div>

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

Thanks for your help Thomas!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [June 5, 2019, 2:34pm UTC](https://discuss.elastic.co/t/kibana-7-how-to-debug-custom-plugin-in-the-browser/180076/4 "2019-06-05T14:34:07Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.