UI won't display nodes

So I've recently changed the node.js version I'm using and Node-RED has finally started displaying the camerapi and dashboard modules I've loaded in.

It's just when U run my flow that creates a ui template and uses the camerapi node, the expected screen doesn't show up in http://[insert ip address]:1880/ui.

The expected photo is:

And my screen shows:

My debug log is as follows:
14 Jun 02:42:14 - [info] Starting flows
14 Jun 02:42:14 - [debug] red/nodes/flows.start : starting flow : global
14 Jun 02:42:14 - [debug] red/nodes/flows.start : starting flow : 2fa4e827.95b238
14 Jun 02:42:14 - [info] Started flows
14 Jun 02:42:20 - [metric] {"level":99,"event":"runtime.memory.rss","value":58490880,"timestamp":1560480140775}
14 Jun 02:42:20 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480140776}
14 Jun 02:42:20 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25967324,"timestamp":1560480140777}
14 Jun 02:42:35 - [metric] {"level":99,"event":"runtime.memory.rss","value":58490880,"timestamp":1560480155809}
14 Jun 02:42:35 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480155809}
14 Jun 02:42:35 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25978892,"timestamp":1560480155810}
14 Jun 02:42:50 - [metric] {"level":99,"event":"runtime.memory.rss","value":58490880,"timestamp":1560480170847}
14 Jun 02:42:50 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480170847}
14 Jun 02:42:50 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25990764,"timestamp":1560480170848}
14 Jun 02:43:05 - [metric] {"level":99,"event":"runtime.memory.rss","value":57266176,"timestamp":1560480185885}
14 Jun 02:43:05 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480185885}
14 Jun 02:43:05 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25997692,"timestamp":1560480185886}
14 Jun 02:43:20 - [metric] {"level":99,"event":"runtime.memory.rss","value":57266176,"timestamp":1560480200924}
14 Jun 02:43:20 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480200925}
14 Jun 02:43:20 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":26009660,"timestamp":1560480200925}
14 Jun 02:43:35 - [metric] {"level":99,"event":"runtime.memory.rss","value":55787520,"timestamp":1560480215937}
14 Jun 02:43:35 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480215938}
14 Jun 02:43:35 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":26021332,"timestamp":1560480215938}
14 Jun 02:43:50 - [metric] {"level":99,"event":"runtime.memory.rss","value":55791616,"timestamp":1560480230975}
14 Jun 02:43:50 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480230975}
14 Jun 02:43:50 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":26028460,"timestamp":1560480230975}
14 Jun 02:44:05 - [metric] {"level":99,"event":"runtime.memory.rss","value":55644160,"timestamp":1560480245989}
14 Jun 02:44:05 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480245990}
14 Jun 02:44:05 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":26040164,"timestamp":1560480245990}
14 Jun 02:44:21 - [metric] {"level":99,"event":"runtime.memory.rss","value":55644160,"timestamp":1560480261028}
14 Jun 02:44:21 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480261028}
14 Jun 02:44:21 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":26047420,"timestamp":1560480261028}
14 Jun 02:44:36 - [metric] {"level":99,"event":"runtime.memory.rss","value":55644160,"timestamp":1560480276066}
14 Jun 02:44:36 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480276067}
14 Jun 02:44:36 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":26059108,"timestamp":1560480276067}
14 Jun 02:44:51 - [metric] {"level":99,"event":"runtime.memory.rss","value":55644160,"timestamp":1560480291087}
14 Jun 02:44:51 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480291088}
14 Jun 02:44:51 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":26066220,"timestamp":1560480291088}
14 Jun 02:45:06 - [metric] {"level":99,"event":"runtime.memory.rss","value":50237440,"timestamp":1560480306125}
14 Jun 02:45:06 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480306126}
14 Jun 02:45:06 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":26077940,"timestamp":1560480306127}
14 Jun 02:45:21 - [metric] {"level":99,"event":"runtime.memory.rss","value":47722496,"timestamp":1560480321145}
14 Jun 02:45:21 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480321145}
14 Jun 02:45:21 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":26089832,"timestamp":1560480321149}
14 Jun 02:45:36 - [metric] {"level":99,"event":"runtime.memory.rss","value":47808512,"timestamp":1560480336184}
14 Jun 02:45:36 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480336185}
14 Jun 02:45:36 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25654636,"timestamp":1560480336185}
14 Jun 02:45:51 - [metric] {"level":99,"event":"runtime.memory.rss","value":47808512,"timestamp":1560480351223}
14 Jun 02:45:51 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480351223}
14 Jun 02:45:51 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25666388,"timestamp":1560480351224}
14 Jun 02:46:06 - [metric] {"level":99,"event":"runtime.memory.rss","value":47808512,"timestamp":1560480366231}
14 Jun 02:46:06 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480366232}
14 Jun 02:46:06 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25673404,"timestamp":1560480366233}
14 Jun 02:46:21 - [metric] {"level":99,"event":"runtime.memory.rss","value":47808512,"timestamp":1560480381270}
14 Jun 02:46:21 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480381270}
14 Jun 02:46:21 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25685252,"timestamp":1560480381270}
14 Jun 02:46:36 - [metric] {"level":99,"event":"runtime.memory.rss","value":47808512,"timestamp":1560480396274}
14 Jun 02:46:36 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480396275}
14 Jun 02:46:36 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25697000,"timestamp":1560480396275}
14 Jun 02:46:51 - [metric] {"level":99,"event":"runtime.memory.rss","value":47808512,"timestamp":1560480411314}
14 Jun 02:46:51 - [metric] {"level":99,"event":"runtime.memory.heapTotal","value":29519872,"timestamp":1560480411315}
14 Jun 02:46:51 - [metric] {"level":99,"event":"runtime.memory.heapUsed","value":25704028,"timestamp":1560480411315}
14 Jun 02:47:06 - [metric] {"level":99,"event":"runtime.memory.rss","value":47808512,"timestamp":1560480426317}

If there is anything else I can provide I am happy to, including my template code and my graphical flow.

The project was made following this link:
http://acoptex.com/project/1318/raspberry-basics-project-02d-raspberry-pi-camera-module-v2-and-node-red-taking-a-picture-at-acoptexcom/#sthash.mJIjuZR2.7dCeHWEu.dpbs

What did you do after updating nodejs?

Did you run npm rebuild?

https://nodered.org/docs/getting-started/upgrading

What version of nodejs are you now using?
It would be useful if you posted the node-red startup log

Npm rebuild isn't working on my pi likely due to node-gyp, but I've already opened a post on Stack overflow about that.

When I restart node-red after installing the nodes don't appear. Is there a specific command line instruction I should be making?

I tried on node 10.16.0, node 8.16.0, node 6.9.0, and node 12.4.0.

I've noted changes don't carry over when I start it from the command line versus when I use the GUI to start it, but the telegram packages at least are there when I use the GUI.

Any suggestions are appreciated.

you can’t change the version of nodejs underneath node-red and expect it to work with nodes you have installed without a npm rebuild

You are also trying nodejs versions that aren’t supported (either too old or too new) assuming you are running node-red v0.20.x

Perhaps it’s time for you to read the docs, that recommend versions of nodejs and recommend how to upgrade.

When you have settled on a supported version of nodejs you could try deleting the nodes you have installed and reinstalling them which will build any components that need building against the correct version.
But you really need to solve the node-gyp issue you mention.
If after doing the above you still have an issue, try posting the Node-red startup log which includes information you have yet to provide (eg )version of node-red

I see your 2nd post States you're using a raspberry pi.

Have you tried the script mention in the official docs?

I believe it downloads and installs all necessary components.

https://nodered.org/docs/hardware/raspberrypi

1 Like

What GUI?

If installed the standard way, Node-RED will start on boot on a Pi I think. If you are starting manually and getting something different you might be picking up a different userDir.

1 Like

@TotallyInformation and @Steve-Mcl

The Doc link provided by Steve gave me the appropriate command to run to fix my problem, and the info from TotallyInformation was enlightening.