"Welcome to the Node-RED Dashboard" screen

Hello everybody, i have trying to localhost:1880/ui but i can´t see my demo simple graph, because i see always screen with "Welcome to the Node-RED Dashboard" "Please add some UI nodes to your flow and redeploy." It installed in W64 and i have tested in IE, Firefox and Chrome.
I start localhost:1880 without any problems.

Thanks in advance,

Welcome to the forum @Antonio1

Can you stop node-red and then start it again in a terminal and post the full startup log here. That may tell us something useful. Copy/paste please rather than screenshot.

I send you copy Colins, thanks you

26 Apr 02:02:36 - [info] Node-RED version: v1.2.6
26 Apr 02:02:36 - [info] Node.js version: v14.15.3
26 Apr 02:02:36 - [info] Windows_NT 10.0.14393 x64 LE
26 Apr 02:02:40 - [info] Loading palette nodes
26 Apr 02:02:44 - [info] Dashboard version 2.29.0 started at /ui
26 Apr 02:02:44 - [info] Settings file : C:\Users\Antonio\AppData\Roaming\SPB_16.6.node-red\settings.js
26 Apr 02:02:44 - [info] Context store : 'default' [module=memory]
26 Apr 02:02:44 - [info] User directory : C:\Users\Antonio\AppData\Roaming\SPB_16.6.node-red
26 Apr 02:02:44 - [warn] Projects disabled : editorTheme.projects.enabled=false
26 Apr 02:02:44 - [info] Flows file : C:\Users\Antonio\AppData\Roaming\SPB_16.6.node-red\flows_DESKTOP-K08FR9J.json
26 Apr 02:02:44 - [warn]


Your flow credentials file is encrypted using a system-generated key.

If the system-generated key is lost for any reason, your credentials
file will not be recoverable, you will have to delete it and re-enter
your credentials.

You should set your own key using the 'credentialSecret' option in
your settings file. Node-RED will then re-encrypt your credentials
file using your chosen key the next time you deploy a change.

26 Apr 02:02:44 - [info] Starting flows
26 Apr 02:02:44 - [info] Started flows
26 Apr 02:02:44 - [info] Server now running at http://127.0.0.1:1880/

Can you provide an export of your flow?

Hi Paul, web page tell me, i can´t attach documents. Thanks. I send you text

[{"id":"e0bd160b.de8d1","type":"tab","label":"Flow 1","disabled":false,"info":""},{"id":"8ae4c948.62ef2","type":"ui_button","z":"e0bd160b.de8d1","name":"On/Off","group":"2b645a82.121f96","order":0,"width":0,"height":0,"passthru":true,"label":"Encender//Apagar","tooltip":"Encender o apagar","color":"white","bgcolor":"green","icon":"power_settings_new","payload":"true","payloadType":"bool","topic":"","topicType":"str","x":310,"y":240,"wires":[["c5c3166.45c6fe8"]]},{"id":"c0662adc.e4b748","type":"function","z":"e0bd160b.de8d1","name":"","func":"\nreturn msg;","outputs":1,"noerr":0,"initialize":"// Code added here will be run once\n// whenever the node is deployed.\nflow.set(\"bandera\", false);","finalize":"","x":480,"y":140,"wires":[[]]},{"id":"c5c3166.45c6fe8","type":"switch","z":"e0bd160b.de8d1","name":"bandera?","property":"bandera","propertyType":"flow","rules":[{"t":"true"},{"t":"false"}],"checkall":"true","repair":false,"outputs":2,"x":480,"y":240,"wires":[["1e049d96.0fbfda"],["2b9e444.24cd2bc"]]},{"id":"2b9e444.24cd2bc","type":"change","z":"e0bd160b.de8d1","name":"false","rules":[{"t":"set","p":"payload","pt":"msg","to":"true","tot":"bool"},{"t":"set","p":"bandera","pt":"flow","to":"true","tot":"bool"}],"action":"","property":"","from":"","to":"","reg":false,"x":700,"y":300,"wires":[["d17003a4.41d008","a89f0939.3ec5d"]]},{"id":"1e049d96.0fbfda","type":"change","z":"e0bd160b.de8d1","name":"true","rules":[{"t":"set","p":"payload","pt":"msg","to":"false","tot":"bool"},{"t":"set","p":"bandera","pt":"flow","to":"false","tot":"bool"}],"action":"","property":"","from":"","to":"","reg":false,"x":700,"y":200,"wires":[["d17003a4.41d008","a89f0939.3ec5d"]]},{"id":"d17003a4.41d008","type":"ui_led","z":"e0bd160b.de8d1","order":1,"group":"2b645a82.121f96","width":0,"height":0,"label":"","labelPlacement":"left","labelAlignment":"center","colorForValue":[{"color":"#808080","value":"false","valueType":"bool"},{"color":"#ff0000","value":"true","valueType":"bool"}],"allowColorForValueInMessage":false,"shape":"square","showGlow":true,"name":"LED","x":930,"y":240,"wires":[]},{"id":"82c5b90f.a2c228","type":"inject","z":"e0bd160b.de8d1","name":"Entradas debugar","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"str","x":170,"y":420,"wires":[["8ae4c948.62ef2"]]},{"id":"a89f0939.3ec5d","type":"debug","z":"e0bd160b.de8d1","name":"Salidas debugar","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":940,"y":420,"wires":[]},{"id":"2b645a82.121f96","type":"ui_group","name":"Botón de encendido con pulsador","tab":"5b2daf04.c39518","order":1,"disp":true,"width":"6","collapse":false},{"id":"5b2daf04.c39518","type":"ui_tab","name":"Tab 1","icon":"dashboard","order":1,"disabled":true,"hidden":false}]

admin edit - wrap flow in code block

Could you try something please?

Open the dashboard then open your browser devtools (normally f12) and copy any messages and errors that appear in the console please.

Next, try removing all dashboard elements including all dashboard config nodes. Then deploy. Then add a standard dashboard item (like text or form) then deploy.

If that works then remove those items and re-add your old ones.

1 Like

Sorry if this is a very basic question...

Have you installed the dashboard nodes via Manage Palette ???

Is this an old problem that I seem to remember from a little while ago where things got confused if a ui node (such as ui_led) was installed before node-red-dashboard itself?

If so then I think @Steve-Mcl's suggestion should fix it.

1 Like

Your problem is that somehow you have disabled the dashboard tab for that flow
Screen Shot 2021-04-26 at 4.38.24 AM
Notice how the tab is a light grey. Hit the edit button next to it and you will see

Click the State switch and you will see it switch from 'Disabled' to 'Enabled' save it and redeploy and you should be all set.

3 Likes

Hi Steve-Mcl, i send you, that i think you ask for me.Part1/3. Thanks a lot:

*************************WITH all elements including all dashboard config nodes
You are using the ngTouch module.
AngularJS Material already has mobile click, tap, and swipe support...
ngTouch is not supported with AngularJS Material! app.min.js:150:202
Rendered http://localhost:1880/ui/css/app.min.less successfully. app.min.js:533:12831
CSS for http://localhost:1880/ui/css/app.min.less generated in 917ms app.min.js:533:12831
Less has finished.CSS generated in 917ms app.min.js:533:12831
Error en el mapeo fuente:Error: request failed with status 404
URL del mapa fuente: angular-chart.min.js.map

Hi, Steve-Mcl. I send you Part 2/3:
*************************WITHOUT elements ( button and led node ) dashboard config nodes
You are using the ngTouch module.
AngularJS Material already has mobile click, tap, and swipe support...
ngTouch is not supported with AngularJS Material! app.min.js:150:202
XHR GEThttp://localhost:1880/ui/loading.html
[HTTP/1.1 404 Not Found 6ms]

Rendered http://localhost:1880/ui/css/app.min.less successfully. app.min.js:533:12831
CSS for http://localhost:1880/ui/css/app.min.less generated in 1073ms app.min.js:533:12831
Less has finished. CSS generated in 1075ms app.min.js:533:12831
Error en el mapeo fuente: Error: request failed with status 404
URL del mapa fuente: angular-chart.min.js.map

Did you try what I suggested?

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