Custom Renderer not showing in Production Build

General
1

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

2

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

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

3

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.

1 Like