In my node's html file I included script file [image] This file imports/requires npm packages, which I have listed in dependencies and I know they exist. [image] When I try loading this up in Node-RED it give's me error that it cannot find the module. It also gives some errors about having /, .…

I got it working using browserify, not the cleanest solution but it works :smiley:

Well I am trying to send a websocket or http request from onEditPrepare to alter some properties from server.

OK, the normal way to do this is for your node to include a REST API. You can then call that using jQueries helpers from the front end. There is a simple example in the code of the core serial node. More extensive examples are available in the uibuilder node. 25-serial.js - node-red/node-red-nodes …

[image] psykoloGG: send a websocket or http request from onEditPrepare to alter some properties from server Why are you attempting to affect something server side from the configurations page of your node? Typically you might request something (like available com ports) but it's not the norm…

Let me clarify, I am trying to populate a dropdown in node's properties, and I am doing it in onEditPrepare. The data that I want to get has to be parsed from the web, because it changes dynamicaly. So I need to make an update each time when I do onEditPrepare, thus websocket or http call.

In which case can't you use fetch to grab this data and process it client side?

I THINK I know what you are looking for. [image] psykoloGG: populate a dropdown in node's properties you mean the config dialog in the Node-RED editor? This is how I do it (don't know if it's right but works for me) in your yourNode.js inside your main function you establish a listener for…

[image] Christian-Me: $.getJSON("/yourNode/ This is the method used by the Serial node that Julian linked to previously. But a very important bit is to not start the path with a / in the html side. That means it will work even if httpAdminRoot has been set to move the editor to a different r…

@knolleary , thank you for pointing me to this problem! @TotallyInformation sorry for not following the provided links. Was reading on my mobile at the beginning.

Using js file with imported modules in html

Developing Nodes

TotallyInformation 17 September 2021 16:07 2

The HTML file runs in the context of your browser and not the Node-RED server - it communicates back to the server via websockets.

So you cannot mix up node.js modules with the html code as that won't ever work.

If you describe what you are trying to achieve, someone may be able to help further.

Topic		Replies	Views
Include JS in a html custom module General	14	4099	23 September 2022
How to access global variable in HTML file of custom node General	1	1358	13 January 2020
How to make a node HTML script load a .js module? General	11	3857	15 April 2020
Connecting different script tags Developing Nodes	26	1607	15 April 2021
Include js in dashboard custom widget frontend Dashboard	5	1455	25 April 2019

Using js file with imported modules in html

Related topics