UIBuilder 7.5.0 and unknown uib-element

Hi,
I am using Node RED 4.1.2, with UIBuilder 7.5.0.
When I import the no-code-examples I an message about uib-element is unknown.
How do I fix that?

Best regards,
Hugo

Welcome to the Forum!

Have you defined '</> Type' in the uib-element?
Is there a red Triangle over any uib-element nodes? Or indeed any 'uib-xxx' nodes? If so you have not defined something that the node needs.

Let us know what the example you are using is and we can then see how it runs on our systems.

Thank you, :slight_smile:
I am very new to Node RED. Only found it a few days ago. I found UIBuild yesterday. I think Node RED and UIBuilder is really cool and I look forward to working with it.
Right now I am only running through the examples from the import menu:
Import > Examples > Examples > flows > node-red-contrib-uibuilder > No-code > no-code-examples

As soon as I clcik the import button I get an error: "Imported unrecognised type: uib-element".
See the screenshot part:
unrec-type

This may seem like a dumb question, but, have you downloaded UIBUILDER 7.5.0 through the Palette Manager?

My abilities are limited with this sort of error, but I will have a go.

What operating system are you using?
How did you install Node-RED?
If you go to a terminal screen and type node-red-stop then node-red-start you will see a log appear on the screen. Are there any errors in the log as the error message appears to show that uib-element has not loaded loaded properly.

Can you do a copy and paste (NOT screenshot) of the onscreen/console log right up until the started flows message appears, include any error messages beyond this point if they appear.

If you have just started, although it does not cover UIBUILDER, this is well worth viewing.

Introduction - Node-RED Essentials

Thanks @mudwalker for having a go at supporting the OP and asking sensible questions.

The Node-RED log is always a good place to start looking for clues as Colin has said.

The other place to look for clues related to the Editor is your browser's Dev tools console. In both location, you should see some output related to UIBUILDER that may give us some clues.

From the Node-RED log, it is also useful to share what version of node.js you are using and the basic UIBUILDER configuration details. But any errors or warnings should obviously also be shared.

Both Node-RED and UIBUILDER current versions require node.js v18+ so please ensure you are using that.

Also, please reload the Editor page and then check in the palette on the left side, under the uibuilder section and share a screenshot of what that shows. You can also check Node-RED's "Manage Palette" from the menu, the entry for uibuilder should also show all of the nodes and plugins:


You've chosen a good tool to use in both Node-RED and UIBUILDER and I'm sure we can get you going quickly.

Don't forget that UIBUILDER has extensive help which can be accessed locally and over the Internet. There is also a set of YouTube videos.

I have some exciting plans for UIBUILDER this coming year so you've chosen a good time to dig into it. :smiley:

Thank you, mudwalker for your support.
Yes, I did install uibuilder from the Palette Manager. It looked like it did not have any dependencies so it could installed with the Palette Manager. As I understood it would work if it did not need any other npm packages.

TotallyInformation had the solution - I just had to reload the node-red editor page. It is a bit strange that 8 out of 10 uib nodes did a appear without reloading.

Best regards,
Hugo
PS and Happy new year to all that celebrate it

1 Like

Yes, that is very strange. I've not seen that issue I don't think.

Thank you, TotallyInformation - a reload did it :star_struck:

Strange that 8/10 nodes did show up without reload.

Best regards,
Hugo
PS happy new year - if you celebrate that.

Thank you Hugo, I am glad it is sorted.

I am using UIBUILDER and to get back the feeling of my Dashboard 1 implementation. Dashboard 1 is no longer being maintained due to 'obsolescence' of parts of the software.

Using the Examples, some Research and a bit of hand-holding, I am getting very close to my wants, which is great as I am now sorting the final finer details of the code to get where I want to be.

Best wishes to All for the New Year.

Just a thought - I am not sure, but just in case someone else have a similar problem.
My setup is running on podman on windows and the image is the official "nodered/node-red:latest" -wWhich I added python3 and uv to.

1 Like

And, of course, one of the advantages of UIBUILDER over the Dashboards is that the learning you get is applicable to the production of more UI's whether inside or outside of Node-RED.

1 Like