Viewing build errors for coded components

[SteveW (Steve)]

I am trying to integrate a 3rd party component (Syncfusion Datagrid) by building my own coded component.

I am using VSCode and the component builds successfully if I run “npm run build” it builds successfully but when I commit the changes to Github and WeWeb detects the changes it fails at the building stage and I just see a red line with no error text in it.

Struggling to understand what the build error is if anyone can suggest any troubleshooting steps?

[Joyce]

Hi @SteveW

There are five steps to building a coded component in WeWeb:

1. write code in your preferred code editor (e.g. VSCode), following the structure of a WeWeb component as described in our developer documentation
2. test the coded component in the development environment of the WeWeb editor to ensure it works as you intend
3. push the code of the component to a GitHub repo
4. import the component from GitHub to your WeWeb workspace
5. in a WeWeb project, go to the “Coded” tab in the “Add” menu to drag and drop the component on a page

Is that what you’re doing? From your message, I get the impression you may be missing a step and not importing the GitHub component into WeWeb. If that’s the case, I can recommend this video to walk you through the entire process. It uses Claude Code but the same logic applies.

@SteveW

I am using VSCode and the component builds successfully if I run “npm run build” it builds successfully

Does this mean that you can see your component in the WeWeb editor in Development mode?

@SteveW

but when I commit the changes to Github and WeWeb detects the changes it fails at the building stage and I just see a red line with no error text in it.

What do you mean by this? Are you still in Development inside the WeWeb editor or have you committed to GitHub and then imported the component from GitHub to WeWeb?

[Profound5753 (Anthony Smith)]

Let me know if you need help on this. I’ve built over 50 custom components. There’s no error log unfortunately.