# Custom Renderer not showing in Production Build

**URL:** <https://jsonforms.discourse.group/t/custom-renderer-not-showing-in-production-build/2256>\
**Category:** General\
**Created:** [July 30, 2024, 9:03am UTC](https://jsonforms.discourse.group/t/custom-renderer-not-showing-in-production-build/2256 "2024-07-30T09:03:12Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![adamsilva01](https://avatars.discourse-cdn.com/v4/letter/a/a9adbd/32.png) [@adamsilva01](https://jsonforms.discourse.group/u/adamsilva01)\
**Post date:** [July 30, 2024, 9:03am UTC](https://jsonforms.discourse.group/t/custom-renderer-not-showing-in-production-build/2256/1 "2024-07-30T09:03:12Z")

</div>

Hello,

Using Vue3 + Nuxt3 + Vuetify, I’ve created quite a few custom renderers, which all work perfectly fine, in development mode… When I build for production, the custom renderers don’t show. However, when using the `vue-vanilla` renderers for example, they show up just fine.

Here is what I’ve tried so far to debug this:

1. Not using Vuetify (still didn’t show up)
2. Copy-pasted the StringControlRenderer from `vue-vanilla` into my custom renderer (just fixed the imports). It still didn’t show up.
3. Tried the most simple custom renderer ever, with only an `<h1>` tag and the tester. Again, in development mode it showed just fine but doesn’t show in production mode.

From this, I think the problem isn’t the contents of the renderer itself.

The custom renderers themselves don’t seem to load at all, since I tried putting console logs everywhere and in production nothing is outputted in the console.

Any idea what the issue might be or how I can further debug this?

Using JSONForms 3.3.0.

Thanks in advance

---

<div class="post-metadata">

**Author:** ![adamsilva01](https://avatars.discourse-cdn.com/v4/letter/a/a9adbd/32.png) [@adamsilva01](https://jsonforms.discourse.group/u/adamsilva01)\
**Post date:** [July 30, 2024, 9:23am UTC](https://jsonforms.discourse.group/t/custom-renderer-not-showing-in-production-build/2256/2 "2024-07-30T09:23:14Z")

</div>

Ended up finding the already discussed workaround/solution for this: [Form Control for Array Element disappears when NODE\_ENV = production in Vue 3 using vue-vanilla renderers · Issue #2077 · eclipsesource/jsonforms · GitHub](https://github.com/eclipsesource/jsonforms/issues/2077)

Not sure if this is the best solution currently. If it isn’t, please let me know.

---

<div class="post-metadata">

**Author:** ![sdirix](https://yyz2.discourse-cdn.com/free1/user_avatar/jsonforms.discourse.group/sdirix/32/1073_2.png) [@sdirix](https://jsonforms.discourse.group/u/sdirix)\
**Post date:** [August 7, 2024, 6:08am UTC](https://jsonforms.discourse.group/t/custom-renderer-not-showing-in-production-build/2256/3 "2024-08-07T06:08:37Z")

</div>

Hi @adamsilva01,

I think it’s the most straightforward solution, i.e. just maintaining the entry/tester and the component in separate files. It just seems that too many Vue related tools can’t properly handle multiple exports from a SFC.