bonjour, je souhaiterais mettre mes fonctions dans un sous programme à part, le solution que me donne l'ia ne fonctionne pas

index.html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="out"></div>
    <script type="module" src="main.js"></script>
</body>
</html>

main.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
import { affiche } from './second.js';
 
affiche();
second.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
export function affiche() {
  console.log("Bonjour");
}
dans le fichier index.html j'ai mis type="module" mais avec ou sans aucune différence
voici l'erreur à l'exécution de main.js dans Vsd
Uncaught Error
at (program) (c:\Users\jm413\OneDrive\Desktop\js\main.js:28:1)
la ligne 28 correspond a l'import j'ai 27 commentaires au dessus

launch.json
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
    // Utilisez IntelliSense pour en savoir plus sur les attributs possibles.
    // Pointez pour afficher la description des attributs existants.
    // Pour plus d'informations, visitez : <a href="https://go.microsoft.com/fwlink/?linkid=830387" target="_blank">https://go.microsoft.com/fwlink/?linkid=830387</a>
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Lancer Chrome en utilisant localhost",
            "file": "${workspaceFolder}/index.html"
        }
    ]
}

merci beaucoup