Importation d'un fichier Javascript depuis GitHub avec jsdelivr erreur CORS

Bonjour,

Toujours dans une démarche d’étude du Javascript dans un environnement: Visual studio Code avec Live Server , sur Ubuntu 22.04, je cherche à externaliser un fichier Javascript utilV1.js. Je l’ai déposé sur GitHub et je voudrais maintenant l’intégrer a un module JS en urilisant JsDelivr. J’essaie avec l’énoncé: import myFunction from 'https://cdn.jsdelivr.net/gh/dubser/jsdemo-common/refs/heads/master/utilV1.js'; Mais j’ai une erreur CORS.

10:38:45,882 Le chargement du module à l’adresse « https://cdn.jsdelivr.net/gh/dubser/jsdemo-common/refs/heads/master/utilV1.js » a été bloqué en raison d’un type MIME interdit (« text/plain »).
index.html
10:38:45,882 Blocage d’une requête multiorigine (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://cdn.jsdelivr.net/gh/dubser/jsdemo-common/refs/heads/master/utilV1.js. Raison : échec de la requête CORS. Code d’état : (null).

10:38:45,883 L’URI de la source du module n’est pas autorisé dans ce document : « https://cdn.jsdelivr.net/gh/dubser/jsdemo-common/refs/heads/master/utilV1.js »

J’ai essayé:

1) De télécharger plusieurs extensions de contournement CORS pour Firefox, je n’arrive a en faire fonctionner aucune, l’erreur persiste.

2) Il ne semble pas possible de paramétrer Live Server pour générer l’entête CORS.

Ca me semble impossible qu’il n’y ait pas une manière simple de résoudre ce problème qui représente un besoin courant. Certains ont ils une expérience d’une telle opération ?

A l’aide SVP et merci de votre temps.

Serge

Hello, l’URL citée dans ton code donne une 404 de mon côté, tu es sûr qu’elle est bonne ?

Par contre en suivant la doc de jsDelivr j’ai constitué l’URL https://cdn.jsdelivr.net/gh/dubser/jsdemo-common/utilV1.js qui a l’air de fonctionner.

Ensuite, si le serveur de VS Code ne propose pas de réglage pour les CORS, alors essaye de passer par un autre serveur, comme live-server qui peut se lancer avec le flag approprié : live-server --cors.

Dans tous les cas fais attention en chargeant des fichiers externes depuis un domaine que tu ne contrôles pas, ça peut vite t’ouvrir à des problèmes de sécurité supplémentaires. Essaye au moins de valider les hash de ces fichiers au chargement si tu as besoin d’en charger.

Merci viki53, en corrigeant mon url erroné et en désinstallant le plugin live-server de VSC puis en réinstallant live-server avec npm tel que suggéré par le lien ci haut , le téléchargement s’effectue sans erreur et tout fonctionne normalement.