# Help with how to update form NR 1.0.3 to 4.x and all other stuff

**URL:** <https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026>\
**Category:** General\
**Created:** [28 June 2024 06:23 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026 "2024-06-28T06:23:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 06:23 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/1 "2024-06-28T06:23:27Z")

</div>

Folks, I am about to set off on a journey of getting 1.0.3 to 4.x

So the `node.js` and `npm` will also need to be updated.

I thought I had documented the required things, but....  
Sod's law: I need the information, I can't find it.

Could someone please help me.

O/S Ubuntu. (Old) 18.04  
Thanks in advance.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [28 June 2024 06:34 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/2 "2024-06-28T06:34:10Z")

</div>

As it is Ubuntu, just run the pi install script with `--node20` or `--node18` at the end of it and you will get latest node-red with node version of your choosing.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 06:43 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/3 "2024-06-28T06:43:59Z")

</div>

Alas I have to update the O/S first. ☹

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [28 June 2024 10:11 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/4 "2024-06-28T10:11:33Z")

</div>

Might I suggest that you BACKUP your device before you do anything else.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 10:14 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/5 "2024-06-28T10:14:34Z")

</div>

Well, after 4 updates from 18.04 to 22.04 and installing NR 4.x all is working.

I just now have to remember how to install the dark theme.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 10:45 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/6 "2024-06-28T10:45:52Z")

</div>

Wow, the bright screen!

My eyes are burning.

I run `midnight red` theme on the existing machines.

Alas that has sort of been retired.

I see a node with themes

> **[@node-red-contrib-themes/theme-collection](https://flows.nodered.org/node/@node-red-contrib-themes/theme-collection)**
>
> A collection of themes for Node-RED

But it won't install.

Some crazy error.

But I see a lot of dashboard 2.x mentions.

So, I'm _stuck_.

Do I just unintall the existing original `dashboard` and then install `dashboard 2.x`?

# EDIT

This is the error as best I can give it.

```auto
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: node-red-contrib-ui-led@0.3.1
npm error Found: node-red-dashboard@2.19.4
npm error node_modules/node-red-dashboard
npm error node-red-dashboard@"~2.19.4" from the root project
npm error
npm error Could not resolve dependency:
npm error peer node-red-dashboard@"2.14.x" from node-red-contrib-ui-led@0.3.1
npm error node_modules/node-red-contrib-ui-led
npm error node-red-contrib-ui-led@"~0.3.1" from the root project
npm error
npm error Conflicting peer dependency: node-red-dashboard@2.14.0
npm error node_modules/node-red-dashboard
npm error peer node-red-dashboard@"2.14.x" from node-red-contrib-ui-led@0.3.1
npm error node_modules/node-red-contrib-ui-led
npm error node-red-contrib-ui-led@"~0.3.1" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and pote...

```

(What's happened to the `copy` function in the `debug` window/list?)

 ![Screenshot from 2024-06-28 20-58-58](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/2/12a4da7b748c328c9f4545626bc09ce09b62021c.png)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [28 June 2024 11:09 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/7 "2024-06-28T11:09:18Z")

</div>

> [@Trying\_to\_learn](#):
>
> `node-red-dashboard@"~2.19.4"`

Looks like not everything is yet updated. Maybe use a command line to:

```auto
cd ~/.node-red
npm install node-red-dashboard@latest

```

Then restart Node-RED and try to update `node-red-contrib-ui-led` again.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 11:15 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/8 "2024-06-28T11:15:49Z")

</div>

In progress.

What has happened that I can't `copy` the `debug` output any more?

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 11:17 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/9 "2024-06-28T11:17:51Z")

</div>

SOLVED!

Thanks.

But I'm not sure that is the end of this set of problems.  
Mind if I keep this thread open?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [28 June 2024 11:20 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/10 "2024-06-28T11:20:59Z")

</div>

> [@Trying\_to\_learn](#):
>
> Mind if I keep this thread open?

Of course not. That's what the forum is for. 🙂

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 11:21 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/11 "2024-06-28T11:21:57Z")

</div>

Um, it's not working.

The _node_ installed, but when I did what I read as what I needed to do, NR won't relaunch.

_Hang on, I'll go to the other machine and reply from it so I can show you what I did_  
😉

Ok, the docs for the theme have this part:

```auto
editorTheme: {
    theme: "midnight-red"
},

```

So I open the `settings.js` file and....

```auto
    // Customising the editor
    editorTheme: {
        theme: "midnight-red"
        projects: {
            // To enable the Projects feature, set this value to true
            enabled: false
        }
    },

```

I'm not sure if I should leave all that other stuff within the `{ }` block.

# ARGH!

Sorry. I missed the `,` at the end of the line - yes?  
(Trying anyway)  
Yeah, working now. Sorry. Silly me.  
Now I'll try to get my head around how to use `uibuilder` and actually get to work on the actual project.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [28 June 2024 11:35 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/12 "2024-06-28T11:35:16Z")

</div>

Re uibuilder.

Install uibuilder. Go to the Node-RED import, examples, uibuilder and import the "Simple" example:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/4/b434660eb9211026ea3a4f7c999fa5f9d0818014.png)

Open the uibuilder node with the red triangle and give it a url.

Click Done and then deploy.

Reopen the node and click on the "Open" button to see the page it has created for you..

Now play with the triggers and then go from there.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 11:36 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/13 "2024-06-28T11:36:35Z")

</div>

Thanks.

Am about to get there.... 😉

Got (accidentally caught up with the VNC stuff.)  
That is now resolved - kind of / mostly.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 11:44 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/14 "2024-06-28T11:44:06Z")

</div>

I'm not understanding something there.

The `URL`..... So `google.com`?

I'm not seeing anything on the _dashboard_ side of things.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [28 June 2024 12:04 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/15 "2024-06-28T12:04:34Z")

</div>

Which URL?

The "url" in a uibuilder node is effectively its name.

If you have a uibuilder node with a url of "test", and your Node-RED instance exposed its D1 page on `http://localhost:1880/ui` then your page would be on `http://localhost:1880/test`.

When you don't provide an html file name, the system automatically uses `index.html` so the full url would really be `http://localhost:1880/test/index.html`, you just don't need to supply the index file, looks a bit neater.

The uibuilder url is also used as a folder name for the files that are used, so in this case:

```auto
cd ~/.node-red/uibuilder/test/

```

`~/.node-red/uibuilder/` is referred to in the documentation as the `uibRoot` folder and `~/.node-red/uibuilder/test/` is an _instance_ root folder.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 12:08 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/16 "2024-06-28T12:08:11Z")

</div>

Thanks.

But when I put `/` it _complained_ that I can't use them.

![Screenshot from 2024-06-28 22-07-10](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/c/cc4997fc41db39e6deca161a34e80ad61836ec29.png)

Or am I being too literal?

Ok, saw/got the edit.

Shall try that.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [28 June 2024 12:09 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/17 "2024-06-28T12:09:10Z")

</div>

> [@Trying\_to\_learn](#):
>
> Or am I being too literal?

Yup! Just put "test" in there. Node-RED and uibuilder work the rest out between them. There are other things that Node-RED or uibuilder may do that might alter the full url.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 12:11 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/18 "2024-06-28T12:11:07Z")

</div>

But the first line really throws me.

`Cannot contain /`

Yeah, sorry... I'll make the `test` directory and see what happens.

So that is the `.node-red/uibuilder/test` directory.....

I've made that directory but that **warning** won't go away.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [28 June 2024 12:12 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/19 "2024-06-28T12:12:24Z")

</div>

> [@Trying\_to\_learn](#):
>
> But the first line really throws me.
> 
> `Cannot contain /`

a `/` in a url indicates a sub-location. uibuilder does not let you specify that at the node level. However, you CAN create sub-locations - lets save that for another time though.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2024 12:14 UTC](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026/20 "2024-06-28T12:14:49Z")

</div>

Confusion overload this end.  
(But what's new?)

Back in your post #15.....

I am not seeing what I put in the `uibuilder` node when it wants a URL.

[Next page](https://discourse.nodered.org/t/help-with-how-to-update-form-nr-1-0-3-to-4-x-and-all-other-stuff/89026.md?page=2)