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 :
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";
}
et enfin foobar.js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
export function foo() { return "Test Ok"; }
A l'exécution, Firefox me dit import declarations may only appear at top level of a module

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.