\
**Category:** Developing Nodes\
**Created:** [17 September 2021 15:02 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165 "2021-09-17T15:02:04Z")\
**Posts on this page:** 12\
**Page:** 1
**Author:**  [@psykoloGG](https://discourse.nodered.org/u/psykoloGG)\
**Post date:** [17 September 2021 15:02 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/1 "2021-09-17T15:02:04Z")
In my node's html file I included script file
This file imports/requires npm packages, which I have listed in dependencies and I know they exist.
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 /, ./ or ../ in the path, but that should not be necessary because it is a global module. If I include ./ws it still throws error.
Any idea on why it is behaving like this? And how shall it be done
---
**Author:**  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [17 September 2021 16:07 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/2 "2021-09-17T16:07:14Z")
> [@psykoloGG](#):
>
> In my node's html file
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.
---
**Author:**  [@psykoloGG](https://discourse.nodered.org/u/psykoloGG)\
**Post date:** [17 September 2021 16:37 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/3 "2021-09-17T16:37:23Z")
Well I am trying to send a websocket or http request from onEditPrepare to alter some properties from server.
---
**Author:**  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [17 September 2021 16:55 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/4 "2021-09-17T16:55:33Z")
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 - GitHub1s](https://github1s.com/node-red/node-red-nodes/blob/master/io/serialport/25-serial.js#L489-L499)
[25-serial.html - node-red/node-red-nodes - GitHub1s](https://github1s.com/node-red/node-red-nodes/blob/master/io/serialport/25-serial.html#L339-L352)
---
**Author:**  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [17 September 2021 21:32 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/5 "2021-09-17T21:32:09Z")
> [@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 normal pattern to change something server-side.
---
**Author:**  [@psykoloGG](https://discourse.nodered.org/u/psykoloGG)\
**Post date:** [17 September 2021 23:31 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/6 "2021-09-17T23:31:10Z")
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.
---
**Author:**  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [18 September 2021 16:03 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/7 "2021-09-18T16:03:06Z")
In which case can't you use [fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) to grab this data and process it client side?
---
**Author:**  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)\
**Post date:** [18 September 2021 16:20 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/8 "2021-09-18T16:20:32Z")
I THINK I know what you are looking for.
> [@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 http requests
```auto
RED.httpAdmin.get("/yourNode/"+node.id, RED.auth.needsPermission('your-node.read'), function(req,res) {
console.log(`http request "${req.query.query}" from ip: ${req.headers.host}`);
var returnItems = []; // list of Items to send back to the frontend
var config = req.query;
switch (config.query) {
case 'sendMe':
returnItems = ['take this'];
break;
default:
returnItems = `Error! query "${config.query}" unknown`;
break;
}
res.json(returnItems);
})
```
and in your `yourNode.html` (where it suites you) you call your listener and get the data in the done callback
```auto
$.getJSON("/yourNode/"+node.id, {'query': query, 'params': params })
.done( (data => {console.log('I got this',data)}))
.fail( function(e1, e2, e3) {
console.log("Error : " + JSON.stringify(e1));
});
```
_I pulled the code out of one of my node and simplified it a little bit, hope I made no mistake as I did not tested it_
If there is a better way perhaps someone can correct me 😉
---
**Author:**  [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [18 September 2021 16:53 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/9 "2021-09-18T16:53:42Z")
> [@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 root URL.
So the above but if code should be:
`$.getJSON("yourNode/`
---
**Author:**  [@psykoloGG](https://discourse.nodered.org/u/psykoloGG)\
**Post date:** [18 September 2021 17:03 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/10 "2021-09-18T17:03:58Z")
I got it working using browserify, not the cleanest solution but it works 😃
---
**Author:**  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)\
**Post date:** [18 September 2021 17:54 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/11 "2021-09-18T17:54:38Z")
@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.
---
**Author:**  [@system](https://discourse.nodered.org/u/system)\
**Post date:** [2 October 2021 17:55 UTC](https://discourse.nodered.org/t/using-js-file-with-imported-modules-in-html/51165/12 "2021-10-02T17:55:26Z")
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.