JQuery example: Nosniff on FF, strict MIME on Chrome

First of all, thanks, I’m starting to discover how great is your module! I try it on a ROCK64 o nthe LAN.

Software and Package Versions

Software	Version
Node.JS	v13.2.0
npm	6.13.1
Node-RED	1.0.3
uibuilder node	2.0.6
uibuilderFE	??
OS	DietPi (Debian), Raspberry ARM64 4GB RAM
Browser	Win10, FF 70.0.0.1, Chrome 78.0.3904.108 (Official Build) (64-bit)

How is Node-RED installed? Where is uibuilder installed?

dietpi-software, to get node-red as a service uibuilder installed using the Node-Red Palette

Uibuilder default Vue is working fine but when I imported JQuery example then pasted html, css and js from https://github.com/TotallyInformation/node-red-contrib-uibuilder/wiki/Example:-JQuery /jq correctly throws:

 Welcome to UIbuilder for Node-RED
This is an example of using uibuilder with jQuery.
...

but the Console of firefox sents:

La ressource à l’adresse « http://192.168.1.25:1880/uibuilder/vendor/normalize.css/normalize.css » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
jq
La ressource à l’adresse « http://192.168.1.25:1880/uibuilder/vendor/jquery/dist/jquery.min.js » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
jq
La ressource à l’adresse « http://192.168.1.25:1880/uibuilder/vendor/normalize.css/normalize.css » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
jq
La ressource à l’adresse « http://192.168.1.25:1880/uibuilder/vendor/jquery/dist/jquery.min.js » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
jq
Échec du chargement pour l’élément <script> dont la source est « http://192.168.1.25:1880/uibuilder/vendor/jquery/dist/jquery.min.js ». jq:52:1
ReferenceError: $ is not defined

and Chrome

192.168.1.25/:1 Refused to apply style from 'http://192.168.1.25:1880/uibuilder/vendor/normalize.css/normalize.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
jquery.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
index.js:24 Uncaught ReferenceError: $ is not defined
    at index.js:24
init.js:298 autorefresh_option true
192.168.1.25/:1 Refused to apply style from 'http://192.168.1.25:1880/uibuilder/vendor/normalize.css/normalize.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

But I double checked the file MIME type in uibuilder is fine:

Any idea?

[j2l]

Oh, I see. I added jquery but thought normalize.css was a css sheet, not a package. Thank you again @TotallyInformation It works without error now 😃

[TotallyInformation]

I only pasted your code

Yes, it was incorrect I’m afraid. It used to work but some update of Node-RED/ExpressJS tightened up the rules it seems. It is now corrected.

Because normalize.css is nowhere on the disk

You will need to install the normalize package or use it from a CDN. You can use the package manager built into uibuilder to install it if you want to.