# Contrib-ui-upload messes up all my dashboard

**URL:** <https://discourse.nodered.org/t/contrib-ui-upload-messes-up-all-my-dashboard/82872>\
**Category:** Dashboard\
**Created:** [15 November 2023 09:57 UTC](https://discourse.nodered.org/t/contrib-ui-upload-messes-up-all-my-dashboard/82872 "2023-11-15T09:57:12Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![difedef](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@difedef](https://discourse.nodered.org/u/difedef)\
**Post date:** [15 November 2023 09:57 UTC](https://discourse.nodered.org/t/contrib-ui-upload-messes-up-all-my-dashboard/82872/1 "2023-11-15T09:57:12Z")

</div>

Hello there,

Using the [node-red-contrib-ui-upload (node) - Node-RED](https://flows.nodered.org/node/node-red-contrib-ui-upload) causes my dashboard to unexpected behaviour: once I put the node in the editor, the dashboard becomes with default theme even if unselected or changed color in the editor, and also any new node put in the flow won't appear (just the tables of the ui-table):  
before:  
 ![dashboard ok](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/7/079247e3809d764773d4e8518a2c70f9cc755d7a.png)

after:  
 ![error upload node](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/3/83f60be0dccc53926dc751f906254794006dd8e0.png)

If I remove the upload node from the editor the dashboard remains corrupted, when I restart Node-red it fixes until I put again the ulpoad node (that obvioysly I need).

```auto
[
    {
        "id": "663ef125791e8be8",
        "type": "tab",
        "label": "Flow 1",
        "disabled": false,
        "info": "",
        "env": []
    },
    {
        "id": "175d72fc57f2089e",
        "type": "ui_tab",
        "name": "Home",
        "icon": "dashboard",
        "disabled": false,
        "hidden": false
    },
    {
        "id": "26c7e2e16ee849c6",
        "type": "ui_base",
        "theme": {
            "name": "theme-dark",
            "lightTheme": {
                "default": "#0094CE",
                "baseColor": "#0094CE",
                "baseFont": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif",
                "edited": false
            },
            "darkTheme": {
                "default": "#097479",
                "baseColor": "#097479",
                "baseFont": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif",
                "edited": true,
                "reset": false
            },
            "customTheme": {
                "name": "Untitled Theme 1",
                "default": "#4B7930",
                "baseColor": "#4B7930",
                "baseFont": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif"
            },
            "themeState": {
                "base-color": {
                    "default": "#097479",
                    "value": "#097479",
                    "edited": false
                },
                "page-titlebar-backgroundColor": {
                    "value": "#097479",
                    "edited": false
                },
                "page-backgroundColor": {
                    "value": "#111111",
                    "edited": false
                },
                "page-sidebar-backgroundColor": {
                    "value": "#333333",
                    "edited": false
                },
                "group-textColor": {
                    "value": "#0eb8c0",
                    "edited": false
                },
                "group-borderColor": {
                    "value": "#555555",
                    "edited": false
                },
                "group-backgroundColor": {
                    "value": "#333333",
                    "edited": false
                },
                "widget-textColor": {
                    "value": "#eeeeee",
                    "edited": false
                },
                "widget-backgroundColor": {
                    "value": "#097479",
                    "edited": false
                },
                "widget-borderColor": {
                    "value": "#333333",
                    "edited": false
                },
                "base-font": {
                    "value": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif"
                }
            },
            "angularTheme": {
                "primary": "indigo",
                "accents": "blue",
                "warn": "red",
                "background": "grey",
                "palette": "light"
            }
        },
        "site": {
            "name": "Node-RED Dashboard",
            "hideToolbar": "false",
            "allowSwipe": "false",
            "lockMenu": "false",
            "allowTempTheme": "true",
            "dateFormat": "DD/MM/YYYY",
            "sizes": {
                "sx": 48,
                "sy": 48,
                "gx": 6,
                "gy": 6,
                "cx": 6,
                "cy": 6,
                "px": 0,
                "py": 0
            }
        }
    },
    {
        "id": "ab67ea46c7860390",
        "type": "ui_group",
        "name": "Default",
        "tab": "175d72fc57f2089e",
        "order": 1,
        "disp": true,
        "width": "6",
        "collapse": false,
        "className": ""
    },
    {
        "id": "1a8aa824bdf29c9e",
        "type": "ui_button",
        "z": "663ef125791e8be8",
        "name": "",
        "group": "ab67ea46c7860390",
        "order": 0,
        "width": 0,
        "height": 0,
        "passthru": false,
        "label": "button",
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "payload": "",
        "payloadType": "str",
        "topic": "topic",
        "topicType": "msg",
        "x": 170,
        "y": 120,
        "wires": [
            []
        ]
    },
    {
        "id": "93ea5a940edcf969",
        "type": "ui_upload",
        "z": "663ef125791e8be8",
        "group": "ab67ea46c7860390",
        "title": "upload",
        "accept": "",
        "name": "",
        "order": 1,
        "width": 0,
        "height": 5,
        "chunk": 256,
        "transfer": "binary",
        "x": 170,
        "y": 80,
        "wires": [
            []
        ]
    }
]

```

Also, I don't know why, it seems that the node is customized (it's in Italian as you can see), different from the example like here: [https://flows.nodered.org/flow/687918dd5cb66a3bfc2a661e15ef4237](https://flows.nodered.org/flow/687918dd5cb66a3bfc2a661e15ef4237)

I'm using a fresh new installation of node-red 3.1.0, but using 18.18.2.

Any suggestions?

Thanks in advance

EDIT: Here the log, nothing relevant to me:

```auto
15 Nov 10:46:18 - [info] 

Welcome to Node-RED
===================

15 Nov 10:46:18 - [info] Node-RED version: v3.1.0
15 Nov 10:46:18 - [info] Node.js version: v18.18.2
15 Nov 10:46:18 - [info] Windows_NT 10.0.19044 x64 LE
15 Nov 10:46:18 - [info] Loading palette nodes
15 Nov 10:46:20 - [info] Dashboard version 3.6.1 started at /ui
15 Nov 10:46:20 - [info] Settings file : c:\Users\xxx\.node-red\settings.js
15 Nov 10:46:20 - [info] Context store : 'default' [module=memory]
15 Nov 10:46:20 - [info] User directory : c:\Users\xxx\.node-red
15 Nov 10:46:20 - [info] Projects directory: c:\Users\xxx\.node-red\projects
15 Nov 10:46:20 - [info] Server now running at http://127.0.0.1:1880/
15 Nov 10:46:20 - [info] Active project : xxx
15 Nov 10:46:20 - [info] Flows file : c:\Users\xxx\.node-red\projects\xxx\flows-REC.json
15 Nov 10:46:20 - [info] Starting flows
15 Nov 10:46:20 - [info] Started flows
15 Nov 10:48:08 - [info] Stopping flows
15 Nov 10:48:08 - [info] Stopped flows
15 Nov 10:48:08 - [info] Updated flows
15 Nov 10:48:08 - [info] Starting flows
15 Nov 10:48:08 - [info] Dashboard version 3.6.1 started at /ui
15 Nov 10:48:08 - [info] Started flows
15 Nov 10:57:56 - [info] Stopping flows
15 Nov 10:57:56 - [info] Stopped flows
15 Nov 10:57:56 - [info] Updated flows
15 Nov 10:57:56 - [info] Starting flows
15 Nov 10:57:56 - [info] Started flows

```

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [15 November 2023 10:28 UTC](https://discourse.nodered.org/t/contrib-ui-upload-messes-up-all-my-dashboard/82872/2 "2023-11-15T10:28:15Z")

</div>

Can you post the file .node-red/package.json please.

---

<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:** [15 November 2023 10:56 UTC](https://discourse.nodered.org/t/contrib-ui-upload-messes-up-all-my-dashboard/82872/3 "2023-11-15T10:56:50Z")

</div>

I see you have opened an issue on GitHub

> <https://github.com/alexandrainst/node-red-contrib-ui-upload/issues/21>
>
> Hello,
> I saw the issue #5 ticked as solved, but actually I have the exact same …problem:
> before:
> !\[dashboard ok\](https://github.com/alexandrainst/node-red-contrib-ui-upload/assets/49289760/7cbb381d-58fc-4c0c-b965-78835ca7f656)
> after:
> !\[error upload node\](https://github.com/alexandrainst/node-red-contrib-ui-upload/assets/49289760/b356afca-1920-4381-b0b7-7b6a4bce3fa8)
> 
> I'm also using NSSM to use node-red like a service, with projects enabled.
> I tried it with a fresh new installation 3.1.0 of node-red, with node 18.18.2 (as the MSSQL contrib I use doesn't support any newer).
> 
> I didn't get what the other guy meant with "redoing the complete directory node-modules works like a charm", any idea?

Let us know what response you get.

---

<div class="post-metadata">

**Author:** ![difedef](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@difedef](https://discourse.nodered.org/u/difedef)\
**Post date:** [15 November 2023 11:40 UTC](https://discourse.nodered.org/t/contrib-ui-upload-messes-up-all-my-dashboard/82872/4 "2023-11-15T11:40:56Z")

</div>

Yes I've raised the issue.

Meanwhile if you don't mind I upload the 3 files, maybe it's something wrong with my installation:

- package.json and package-lock.json from the ".node-red/ folder"  
[package.json](https://discourse.nodered.org/uploads/short-url/pdktiwhUXh3wRocpst9VBmPaOBa.json) (531 Bytes)  
[package-lock.json](https://discourse.nodered.org/uploads/short-url/bIblmRf8eZZjANPBnFtuydVJCDo.json) (199.3 KB)  
[package-project.json](https://discourse.nodered.org/uploads/short-url/8jBn5zSARbaQGW9n4FQNgPeX6us.json) (275 Bytes)

- package-project.json (renamed to -project by me to ulpload it) from the ".node-red\projects\xxx" Folder

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [15 November 2023 11:47 UTC](https://discourse.nodered.org/t/contrib-ui-upload-messes-up-all-my-dashboard/82872/5 "2023-11-15T11:47:02Z")

</div>

Those all look ok. I think you will have to wait for the author to respond.

---

<div class="post-metadata">

**Author:** ![difedef](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@difedef](https://discourse.nodered.org/u/difedef)\
**Post date:** [15 November 2023 12:08 UTC](https://discourse.nodered.org/t/contrib-ui-upload-messes-up-all-my-dashboard/82872/6 "2023-11-15T12:08:40Z")

</div>

> [@difedef](#):
>
> package-project.json (renamed to -project by me to ulpload it) from the ".node-red\projects\xxx" Folder

Thanks for the reply.

Well, actually I think it's about NSSM:

1. if I launch the command 'node-red' from cmd it works properly.

2. if I launch the file node-red-cmd located in "C:\Users\BPro\AppData\Roaming\nvm\v18.18.2" or in "C:\Program Files\nodejs" it works properly.

3. if I pass both .bat files from both directories to NSSM the bug occurs.

I switched to NSSM from pm2 because of problems of this one (in production sometimes it didn't start node-red somehow)...

Meanwhile maybe i've got an answer from git-hub, and meanwhile I try to setup the node-red service from the task scheduler, do you have any suggestion?

thanks again

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [15 December 2023 12:09 UTC](https://discourse.nodered.org/t/contrib-ui-upload-messes-up-all-my-dashboard/82872/7 "2023-12-15T12:09:00Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.