When creating a Custom Element in Wix, how do I debug?
I tried to add console.log() inside my custom element code to see where my code is going and to see what data I have. But they don’t seem to show up when I run the page which includes the custom element.
How can I see the output of console.log() in Custom Element or how can I debug Custom Element when creating it?
console.log() in the custom element file should show up in the browser dev tools console.
Maybe you did something wrong/you put it inside a function that’s never been called.
You can post your code here if it’s not too complicated.
Oh man… I do see my console.log lines when I open the Dev Tools console.
It seems that the Developer Console that Wix provides (the console that Wix Web IDE shows when I run the code) does not show the log for custom element. I’ve been using this console as it shows both frontend and backend code logs, but I guess it doesn’t support the logs from custom elements… It’s weird, but that’s what I see…
Thanks for mentioning about the browser’s dev tool console!
You’re welcome. I never test my custom elements in preview mode, it behaves too differently in many aspects.