Javascript Import module

[TortueGeniale]

Hello,

J’ai une question concernant l’importation d’un module JS.
Dans un design j’ai ajouté un zone html:

<div id ="my_custom_content">
</div>
    <script>
        alert('Loading ...');
    </script>
<script src="./plugins/my-custom-file/js/my_custom.js"></script>

dans le fichier my_custom.js je fais un import d’une fonction calcul qui se trouve dans le script common.js.

import calcul  from "./common.js";  // j'ai essayé les chemins absolus, relatifs sans effet

J’ai cette erreur d’importation:

L’import est bien placée dans à la première ligne.
MErci pour vos retours.

[Mips]

Bonjour,

Non il ne l’est pas et ne le sera jamais.
Cela doit être en haut de la page ici et ce n’est pas le cas.

Vous ne pouvez pas importer un js avec cette syntaxe

[TortueGeniale]

Flutte. Je vais chercher une solution. Si toutefois vous avez une piste …je suis preneur.
Merci

[noodom]

Salut,

Juste au cas où, tu peux essayer ça :
<script src="./plugins/my-custom-file/js/my_custom.js" type="module"></script>

[TortueGeniale]

@noodom

Merci pour la proposition. Je l’ai déjà testée en vain.

[noodom]

Et avec cette méthode ?

Import d'un fichier js externe dans un widget sans timeout et sans jquery

Helloo, Suite à plusieurs discussions sur le problème d’import d’un fichier javascript depuis un widget depuis la version 4.4 de Jeedom, j’ai pu tester cette solution qui évite l’utilisation du timeout (qui en général cache un problème et c’est le cas ici : estimation approximative d’une valeur de timeout pour ne plus avoir de souci) Exemples de discussion ici : Pour mes tests, je suis parti sur la modification d’un widget remontant le problème : Solid Gauge L’idée est : d’ajouter le co…

[TortueGeniale]

J’ai parcouru et vu IncludeJS. Je n’aime pas trop surchargé des appels avec des méthodes exotiques (je ne critique pas le dev qui est fait). Mais j’aime ne pas être trop dépendant de code (qui peuvent ne plus être maintenus). ;(

J’ai solutionné mon pb, en chargeant de manière glabale les scripts js:

<div id ="my_content">
</div>

<script type="text/javascript" src="./plugins/my-custom-file/js/common.js"></script>
<script type="text/javascript" src="./plugins/my-custom-file/js/my_custom.js"></script>

Les fonctions dans common sont bien appelées dans my_custom.js.