Bonjour,
Soit un fichier js.html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="JavaScript" type="text/javascript" src="main.js"></script> </head> <body> <div id="main"> <div id="data1"> </div> <div id="data2"> </div> <div id="data3"> </div> <div id="data4"> </div> </div> <script type="text/javascript"> window.addEventListener("load", function(event) { go(); }); </script> </body> </html>
Voici le fichier main.js :
et enfin foobar.js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 import {foo} from "./foobar.js"; function go() { document.getElementById("data1").innerHTML="data1"; }
A l'exécution, Firefox me dit import declarations may only appear at top level of a module
Code : Sélectionner tout - Visualiser dans une fenêtre à part export function foo() { return "Test Ok"; }
Je modifie donc le header html en
Code html : Sélectionner tout - Visualiser dans une fenêtre à part <script language="JavaScript" type="module" src="main.js"></script>
J'ai alors le message <i>go is not defined</i>.
D'ailleurs, foo() n'est pas non plus défini.
Je tourne en rond depuis ce matin.
Pour sa part, Chrome me dit :
Access to Script at 'file:///{mon_chemin}/js/main.js' from origin 'null' has been blocked by CORS policy: Invalid response. Origin 'null' is therefore not allowed access.
js.html:20 Uncaught ReferenceError: go is not defined at js.html:20
Des idées ? (merci par avance de vos réponses).
Pour info, c'est pour localiser une appli JS.
Partager