# NR Dashboard not appearing

**URL:** <https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740>\
**Category:** Dashboard\
**Created:** [15 October 2019 17:11 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740 "2019-10-15T17:11:47Z")\
**Posts on this page:** 20\
**Page:** 2

<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:** [16 October 2019 16:14 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/21 "2019-10-16T16:14:25Z")

</div>

I am not sure that the script will take out nodejs 12 as it is an LTS version. I may be wrong though. I often am.

---

<div class="post-metadata">

**Author:** ![ukmoose](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ukmoose/32/13_2.png) [@ukmoose](https://discourse.nodered.org/u/ukmoose)\
**Post date:** [16 October 2019 16:16 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/22 "2019-10-16T16:16:34Z")

</div>

Agreed I don’t think it will downgrade, but it also wouldn’t have installed it.  
But it will rebuild nodes and make sure permissions etc are correct.

---

<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:** [16 October 2019 16:19 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/23 "2019-10-16T16:19:47Z")

</div>

Hold on, @pinode said he was running on a mac (in the first post) but the logs look like it is running on a pi.

---

<div class="post-metadata">

**Author:** ![pinode](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@pinode](https://discourse.nodered.org/u/pinode)\
**Post date:** [16 October 2019 17:12 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/24 "2019-10-16T17:12:13Z")

</div>

First, Colin I'm running the NR on the Pi as a service and using my Mac browser as the workspace.  
I tried Colin's the suggestion and ran `npm rebuild` and `npm install` with following terminal output. The rebuild proceeded smoothly but didn't solve the problem. So I also ran npm install, which seemed to produce a large number of warnings. I'm posting just the first few lines below. I rebooted the Pi and restarted NR but the dashboard problem still persists.

> @serialport/bindings@2.0.8 install /home/pi/.node-red/node\_modules/@serialport/bindings  
> prebuild-install --tag-prefix @serialport/bindings@ || node-gyp rebuild

prebuild-install WARN install No prebuilt binaries found (target=10.16.3 runtime=node arch=arm libc= platform=linux)  
make: Entering directory '/home/pi/.node-red/node\_modules/@serialport/bindings/build'  
CXX(target) Release/obj.target/bindings/src/serialport.o  
In file included from ../src/./serialport.h:6,  
from ../src/serialport.cpp:1:  
../../../nan/nan.h: In function ‘void Nan::AsyncQueueWorker(Nan::AsyncWorker\*)’:  
../../../nan/nan.h:2298:62: warning: cast between incompatible function types from ‘void (_)(uv\_work\_t_)’ {aka ‘void (_)(uv\_work\_s_)’} to ‘uv\_after\_work\_cb’ {aka ‘void (_)(uv\_work\_s_, int)’} [-Wcast-function-type]  
, reinterpret\_cast\<uv\_after\_work\_cb\>(AsyncExecuteComplete)

However, when I initiate node-red on the Pi, I get the following:

# Welcome to Node-RED

16 Oct 19:08:16 - [info] Node-RED version: v1.0.2  
16 Oct 19:08:16 - [info] Node.js version: v10.16.3  
16 Oct 19:08:16 - [info] Linux 4.19.75-v7l+ arm LE  
16 Oct 19:08:17 - [info] Loading palette nodes  
16 Oct 19:08:20 - [info] Dashboard version 2.17.1 started at /ui  
16 Oct 19:08:20 - [info] Settings file : /home/pi/.node-red/settings.js  
16 Oct 19:08:20 - [info] Context store : 'default' [module=memory]  
16 Oct 19:08:20 - [info] User directory : /home/pi/.node-red  
16 Oct 19:08:20 - [warn] Projects disabled : editorTheme.projects.enabled=false  
16 Oct 19:08:21 - [info] Flows file : /home/pi/.node-red/flows\_raspberrypi.json  
16 Oct 19:08:21 - [warn]  
16 Oct 19:08:21 - [info] Starting flows  
16 Oct 19:08:21 - [info] Started flows  
16 Oct 19:08:21 - [info] Server now running at [http://127.0.0.1:1880/](http://127.0.0.1:1880/)  
16 Oct 19:08:21 - [info] [mqtt-broker:f16796aa.830258] Connected to broker: mqtt://localhost:1883

---

<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:** [16 October 2019 20:25 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/25 "2019-10-16T20:25:53Z")

</div>

Does it work if you view it from another machine, or your phone for example?  
Do you see anything untoward in the Browser Console?

---

<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:** [17 October 2019 00:24 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/26 "2019-10-17T00:24:27Z")

</div>

Not sure if this will matter but what OS and version are you running on the pi?

---

<div class="post-metadata">

**Author:** ![pinode](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@pinode](https://discourse.nodered.org/u/pinode)\
**Post date:** [17 October 2019 06:47 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/27 "2019-10-17T06:47:24Z")

</div>

NAME="Raspbian GNU/Linux"  
VERSION\_ID="10"  
VERSION="10 (buster)"

---

<div class="post-metadata">

**Author:** ![pinode](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@pinode](https://discourse.nodered.org/u/pinode)\
**Post date:** [17 October 2019 08:19 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/28 "2019-10-17T08:19:49Z")

</div>

Hi Colin, I've been using Safari/Firtefox from my Mac to access the Dashboard server and on the Pi browser as well. I have also tried using my iPad and the result is always the same, ie; as follows:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/3/34a87535817f8309f8535ed7260c689f72014819.png)

Should there be any concern with some of the warnings that came up after npm install? What I showed was just the first few as the list was quite long and the npm rebuild went through OK- is that normal?

So in summary at the moment, we have:

- Versions of: linux, Node-red, node.js and dashboard are all to required levels.
- no errors on node red start-up
- MQTT seems to be working fine
- Dashboard is stubbornly un-cooperative

I tried two other "simple" dashboard examples just to see whether the flows might be a part of the issue. One example which had an http output worked fine. The other which was accessed via localhost:1880/ui misbehaved with the same problem. So, I'm thinking that common link here is the "/ui" part. How is the dashboard output generated when the flows are deployed?

---

<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:** [17 October 2019 08:31 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/29 "2019-10-17T08:31:40Z")

</div>

I think we need to ask for help from one of the developers (@dceejay, @knolleary?) who knows how this part of node-red works. I have very occasionally seen that message transiently but it has always disappeared after a couple of seconds, if I remember correctly. It would seem that whatever mechanism is used to determine whether to show that message is failing on your system for some reason. Everything that I have seen so far has not shown anything unusual with your setup so I have no idea what the cause might be.

As to the npm errors, provided it says at the end that the node has been installed that is ok.

---

<div class="post-metadata">

**Author:** ![pinode](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@pinode](https://discourse.nodered.org/u/pinode)\
**Post date:** [17 October 2019 08:31 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/30 "2019-10-17T08:31:58Z")

</div>

I thought that it might be enlightening to look at what's going on at the html level of the Dashboard tab. Does this shed some light?

[Warning] ApplicationCache is deprecated. Please use ServiceWorkers instead. (ui, line 17)  
[Log] Rendered [http://192.168.0.9:1880/ui/css/app.min.less](http://192.168.0.9:1880/ui/css/app.min.less) successfully. (app.min.js, line 532)  
[Log] CSS for [http://192.168.0.9:1880/ui/css/app.min.less](http://192.168.0.9:1880/ui/css/app.min.less) generated in 131ms (app.min.js, line 532)  
[Log] Less has finished. CSS generated in 131ms (app.min.js, line 532)  
[Warning] You are using the ngTouch module. (app.min.js, line 469)  
AngularJS Material already has mobile click, tap, and swipe support...  
ngTouch is not supported with AngularJS Material!  
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (angular-chart.min.js.map, line 0)

---

<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:** [17 October 2019 08:40 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/31 "2019-10-17T08:40:31Z")

</div>

> [@pinode](#):
>
> [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (angular-chart.min.js.map, line 0)

I expect that is the key to understanding the problem.

One thing we have not asked, have you made any changes to settings.js?

---

<div class="post-metadata">

**Author:** ![pinode](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@pinode](https://discourse.nodered.org/u/pinode)\
**Post date:** [17 October 2019 08:46 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/32 "2019-10-17T08:46:13Z")

</div>

No, not knowingly. Can we check settings?

---

<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:** [17 October 2019 08:46 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/33 "2019-10-17T08:46:49Z")

</div>

Please export your flow and attach it to a reply A`after` reading [this thread](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506)

---

<div class="post-metadata">

**Author:** ![pinode](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@pinode](https://discourse.nodered.org/u/pinode)\
**Post date:** [17 October 2019 09:09 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/34 "2019-10-17T09:09:06Z")

</div>

```auto
[
    {
        "id": "926c2641.0c69d8",
        "type": "tab",
        "label": "MQTT-ESP8266 V1",
        "disabled": false,
        "info": " **NodeRed Control of NodeMCU 8266 Controller via MQTT** \n\nThis Flow is designed to do the following:\n * Use Mosquitto MQTT as the Broker on the R-Pi\n * Use the NodeMCU 8266 module as the remote input & output device\n * Implement MQTT on the 8266 device\n * Present the I/O to the NR Dashboard"
    },
    {
        "id": "86fcc90f.417cb",
        "type": "ui_switch",
        "z": "926c2641.0c69d8",
        "name": "Lamp",
        "label": "Lamp",
        "tooltip": "",
        "group": "89832c5c.b6b46",
        "order": 0,
        "width": 0,
        "height": 0,
        "passthru": true,
        "decouple": "false",
        "topic": "room/lamp",
        "style": "",
        "onvalue": "on",
        "onvalueType": "str",
        "onicon": "",
        "oncolor": "",
        "offvalue": "off",
        "offvalueType": "str",
        "officon": "",
        "offcolor": "",
        "x": 204,
        "y": 166,
        "wires": [
            [
                "bacbc31b.39cb68"
            ]
        ]
    },
    {
        "id": "ba353439.685a5",
        "type": "ui_chart",
        "z": "926c2641.0c69d8",
        "name": "Temperature",
        "group": "ba9d675e.331c6",
        "order": 0,
        "width": 0,
        "height": 0,
        "label": "Temperature",
        "chartType": "line",
        "legend": "false",
        "xformat": "HH:mm:ss",
        "interpolate": "step",
        "nodata": "",
        "dot": false,
        "ymin": "0",
        "ymax": "40",
        "removeOlder": 1,
        "removeOlderPoints": "",
        "removeOlderUnit": "3600",
        "cutout": 0,
        "useOneColor": false,
        "colors": [
            "#1f77b4",
            "#aec7e8",
            "#ff7f0e",
            "#2ca02c",
            "#98df8a",
            "#d62728",
            "#ff9896",
            "#9467bd",
            "#c5b0d5"
        ],
        "useOldStyle": false,
        "outputs": 1,
        "x": 461,
        "y": 247,
        "wires": [
            []
        ]
    },
    {
        "id": "4c6d50ef.f979e8",
        "type": "ui_gauge",
        "z": "926c2641.0c69d8",
        "name": "Humidity",
        "group": "ba9d675e.331c6",
        "order": 1,
        "width": 0,
        "height": 0,
        "gtype": "gage",
        "title": "Humidity",
        "label": "units",
        "format": "{{value}}",
        "min": 0,
        "max": "100",
        "colors": [
            "#00b500",
            "#e6e600",
            "#ca3838"
        ],
        "seg1": "",
        "seg2": "",
        "x": 458,
        "y": 335,
        "wires": []
    },
    {
        "id": "e57a8acf.d420c8",
        "type": "mqtt in",
        "z": "926c2641.0c69d8",
        "name": "Temperature",
        "topic": "room/temperature",
        "qos": "2",
        "datatype": "auto",
        "broker": "f16796aa.830258",
        "x": 229,
        "y": 248,
        "wires": [
            [
                "ba353439.685a5"
            ]
        ]
    },
    {
        "id": "27a9319c.ef0586",
        "type": "mqtt in",
        "z": "926c2641.0c69d8",
        "name": "Humidity",
        "topic": "room/humidity",
        "qos": "2",
        "datatype": "auto",
        "broker": "f16796aa.830258",
        "x": 220,
        "y": 330,
        "wires": [
            [
                "4c6d50ef.f979e8"
            ]
        ]
    },
    {
        "id": "bacbc31b.39cb68",
        "type": "mqtt out",
        "z": "926c2641.0c69d8",
        "name": "Lamp",
        "topic": "room/lamp",
        "qos": "2",
        "retain": "",
        "broker": "f16796aa.830258",
        "x": 473,
        "y": 164,
        "wires": []
    },
    {
        "id": "89832c5c.b6b46",
        "type": "ui_group",
        "z": "",
        "name": "Analogue",
        "tab": "ec6074ee.e2ea58",
        "disp": true,
        "width": "2",
        "collapse": false
    },
    {
        "id": "ba9d675e.331c6",
        "type": "ui_group",
        "z": "",
        "name": "Sensor",
        "tab": "ec6074ee.e2ea58",
        "order": 2,
        "disp": true,
        "width": "6",
        "collapse": false
    },
    {
        "id": "f16796aa.830258",
        "type": "mqtt-broker",
        "z": "",
        "name": "",
        "broker": "localhost",
        "port": "1883",
        "clientid": "",
        "usetls": false,
        "compatmode": true,
        "keepalive": "60",
        "cleansession": true,
        "birthTopic": "",
        "birthQos": "0",
        "birthRetain": "false",
        "birthPayload": "",
        "closeTopic": "",
        "closeQos": "0",
        "closeRetain": "false",
        "closePayload": "",
        "willTopic": "",
        "willQos": "0",
        "willRetain": "false",
        "willPayload": ""
    },
    {
        "id": "ec6074ee.e2ea58",
        "type": "ui_tab",
        "z": "",
        "name": "Demo",
        "icon": "dashboard",
        "disabled": true,
        "hidden": false
    }
]

```

---

<div class="post-metadata">

**Author:** ![pinode](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@pinode](https://discourse.nodered.org/u/pinode)\
**Post date:** [17 October 2019 09:44 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/35 "2019-10-17T09:44:45Z")

</div>

Doesn't the error message: "[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (angular-chart.min.js.map, line 0)" imply that perhaps the relevant file might be in the wrong folder? Can we check this?

---

<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:** [17 October 2019 11:10 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/36 "2019-10-17T11:10:21Z")

</div>

@dceejay Interesting, I have reproduced this problem, If you import the flow above, deploy and go look at the dashboard settings in the sidebar, you will see the tab is not active  
 ![30%20AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/4/4d606bb275b61f2ff9c1dd3dfd601f6542226f77.png)  
and nothing shows up in the dashboard.

If you add a new tab and move the groups to the new tab and deploy, then the dashboard works. (I had to press the `+group` on `Tab 2` then move the two groups from tab 'Demo' to `Tab 2` and then delete the group I added)

![29%20AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/6/6058fbea12e052ed3f43d6f7173297a1c4b79437.png)  
You can see in this image `Tab 2` is black but the tab `Demo` is greyed out.

@pinode - if you do what I outline, you will see your dashboard. If you go to the dashboard tab and select the `edit` option on the `Demo` tab,  
 ![51%20AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/7/7bfaf970ae53fe949002e880047a1531197fedf9.png)  
you can delete that tab.

---

<div class="post-metadata">

**Author:** ![pinode](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@pinode](https://discourse.nodered.org/u/pinode)\
**Post date:** [17 October 2019 11:31 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/37 "2019-10-17T11:31:43Z")

</div>

I found the settings.js file and searched for "ui" with the following:

```auto
uiPort: process.env.PORT || 1880,
    // To listen on all IPv6 addresses, set uiHost to "::",
    //uiHost: "127.0.0.1",
    //ui: { path: "ui" },

```

I note that the path is commented out.

---

<div class="post-metadata">

**Author:** ![pinode](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@pinode](https://discourse.nodered.org/u/pinode)\
**Post date:** [17 October 2019 11:34 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/38 "2019-10-17T11:34:40Z")

</div>

Hi Zenofmud, that's great - it works for me too 🙂 Many many thanks.

Since this problem can be replicated on your system, then what is the problem. I can live with the workaround but it would be nice to know what is causing this.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [17 October 2019 12:57 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/39 "2019-10-17T12:57:28Z")

</div>

If you open that tab's properties you see this

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/b/b6014974ab318367858d15f758c25398abd54971.png)  
The state says it's disabled...  
so as it's the only page then the dashboard will be blank.  
Re-enabling it will bring it back.

---

<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:** [17 October 2019 13:00 UTC](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740/40 "2019-10-17T13:00:36Z")

</div>

ugrh! I even looked at that and missed it 😖

[Previous page](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740.md?page=1)

[Next page](https://discourse.nodered.org/t/nr-dashboard-not-appearing/16740.md?page=3)