Adding jQuery

snimax

Hi,
Im trying to develop a module and it would be helpfull to have jQuery but im not sure how to include it. when im using the

getScripts: function() {
return [“jQuery.js”];
},*/

everything just turns black and nothing loads. Any idea of what to do?

strawberry 3.141

@snimax you probably getting an error in the console that it can’t find the script jquery make sure you add it to your module folder

snimax

Ah so if i want to use it for multiple modules, do i have to add the file to every modules folder or is there a “universal” place for them?

strawberry 3.141

@snimax yes otherwise a user who will use only one of your modules is not able to use it correctly https://github.com/MichMich/MagicMirror/blob/master/modules/README.md#getscripts

snimax

Okey thank you very much!

E3V3A

@strawberry-3-141

It seem that getscripts doesn’t work anymore, at least not as I expected. This seem to be because even though MM finds the script, we get hit by the security error:

The resource from “http://192.168.1.2:8080/node_modules/jquery-ui-dist/jquery-ui.css” was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).

Any idea how to get past this?

ninjabreadman

@E3V3A When I look up the error, I find this thread which says:

Check if the file path is correct and the file exists - in my case that was the issue - as I fixed it, the error disappeared.

I suspect that jQuery is installed in your module’s node_modules folder, and not at the root of your MagicMirror (I may however be wrong).

In which case I would expect jQuery to be installed at “http://192.168.1.2:8080/modules/MMM-Tabulator/node_modules/jquery-ui-dist/jquery-ui.css”. This is why in your thread here you needed to use this.file() so that it created a relative path.

E3V3A

@ninjabreadman Oh man, Excellent! I wish I’d had seen that a week ago…

Anyway, I’ve solved it since, but got another issue with getting the Tabulator code to actually do something. No errors shown, unfortunately.

PS. Is there a way to close a thread or mark it as solved??

yawns

@E3V3A
Yes, at the end of the thread there is a button with a gear symbol. Tap/click it and select Mark as question, then tap/click a second time and select Mark as resolved

E3V3A

@yawns I must be blind!?