Custom component does not work in the normal editor

Developer corner
1

Guys, I’m facing the following problem: I made a customized component, I test it in the dev editor and it works perfectly, without any errors in the console, I make the repository and upload it to weweb io as a component to use in the normal editor, and it doesn’t work giving console error.

This happened with another component of mine, but I didn’t try to solve the problem, now it’s happened again

I will be sharing the component repository and teaching you how to use it

repository: GitHub - enzocarmo/multiselect-lojas-bi

Error in console:

image
image836×382 61.5 KB

to use the component, place it, put a width of 250px for example, and in the properties there will be “data”, binding, putting custom code javascript:

return [
    {
        "selecionar": "text",
        "lojas": [
            {
                "unid_codigo": "001"
            },
             {
                "unid_codigo": "002"
            }
        ]
    }
]

something like this should appear:

image
image704×514 12.5 KB

This way it works in the dev editor, but if I use it in the normal editor it doesn’t work

2

I took a test, and maybe I can help someone help me hahaha.

I put it on github, and uploaded my component to weweb io to use normally, without being in the dev editor

buttt, I used the “ready” component in the dev editor, and it gave the same error as in the normal editor

3

my (wild) guess is that webpack doesn’t like the mixins in a different file in vue-multiselect. I would try bundling the library in a single file, put it into the src folder and from your component load the library using the bundled version.

5

I did it with the bundle file, it’s still the same thing