IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

module JS Erreur


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Autre
    Inscrit en
    Mars 2021
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Mars 2021
    Messages : 206
    Par défaut module JS Erreur
    Bonjour,
    Pour mieux structurer mon code j'ai un fichier auxiliairesModule.js que je voudrais utiliser comme module, à l'intérieur il y a une variable "export let etre" avec la conjugaison d'un verbe structuré en JSON.
    Je voudrais importer cette variable dans un autre fichier auxiliaires.js pour la manipuler.. faire un parse().. puis l'utiliser dans une classe. J'ai voulu faire un console.log pour tester mon import mais j'ai toujours une erreur "Uncaught SyntaxError: Cannot use import statement outside a module (at VM216 auxiliaires.js:1:1)
    voici mon code du fichier auxiliairesModule.js:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    export let etre = {
      "indicatif": {
        "present": [
          "sono",
          "sei",
          "é",
          "siamo",
          "siete",
          "sono"
        ],...
    auxiliaires.js
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    import {etre} from '../../modules/auxiliaresModule.js'
    export let verbe1 = JSON.stringify(etre);
    page HTML
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     import {verbe1} from './js-css/js/auxiliaires.js'
            console.log(verbe1)
    Faut il faire un import dans ma page HTML aussi ? mon objectif c'est de séparer la conjugaison des verbes dans des fichiers modules au format JSON et pouvoir les manipuler comme un objet dans une classe auxiliaires.js
    merci

    Ah j'oubliai si je passe directement de mon fichier auxiliairesModule.js a mon fichier HTML je n'ai aucun souci

  2. #2
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    Salut,

    Le script (module) qui contient un import doit être chargé en tant que module : balise <script> avec le type "module"...

    Un lien : Charger le module via le document HTML

  3. #3
    Membre confirmé
    Homme Profil pro
    Autre
    Inscrit en
    Mars 2021
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Mars 2021
    Messages : 206
    Par défaut
    Si vous parlez du fichier html j'ai aussi essayé
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type="module" src ="./js-css/js/auxiliaires.js">
    mais meme résultat.
    merci

  4. #4
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    Quelle est l'erreur renvoyée ?

    Vous êtes sûr que le chemin et le nom des différents fichiers sont correctes ?

    Citation Envoyé par Matteo53 Voir le message
    Si vous parlez du fichier html j'ai aussi essayé
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type="module" src  ="./js-css/js/auxiliaires.js">
    C'est plutôt comme cela <script type="module" src="./js-css/js/auxiliaires.js"></script> qu'il faudrait l’écrire...

    Et les noms de fichiers en rouge ne correspondent pas :

    Citation Envoyé par Matteo53 Voir le message
    voici mon code du fichier auxiliairesModule.js:
    ...

    auxiliaires.js
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    import {etre} from '../../modules/auxiliaresModule.js'
    export let verbe1 = JSON.stringify(etre);

  5. #5
    Membre confirmé
    Homme Profil pro
    Autre
    Inscrit en
    Mars 2021
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Mars 2021
    Messages : 206
    Par défaut
    j'ai fait plusieurs essaie et bougé les fichiers voici j'ai réorganisé un peu pour me retrouver. Les chemins semblent correctes vu que j'ai la saisi semi-auto

    mon fichier auxiliaireModule.js :
    Code : 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
    export let etre = {
        "indicatif": {
          "present": [
            "sono",
            "sei",
            "é",
            "siamo",
            "siete",
            "sono"
          ],
          "imparfait": [
            "ero",
            "eri",
            "era",
            "eravamo,eravate",
            "erano"
          ],...
    mon fichier auxiliaires.js(j'ai essayé un console.log() pour tester:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    import {etre} from "./modules/auxiliaireModule.js";
    console.log(etre);
    mon fichier HTML :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type="module" src="./js-css/js/auxiliaires.js"></script>
    J'ai toujours la meme erreur dans la console:
    auxiliaires.js:1 Uncaught SyntaxError: Cannot use import statement outside a module (at auxiliaires.js:1:1)
    et quand je clique sur l'erreur la ligne soulignée en rouge est la suivante :
    import {etre} from "./modules/auxiliaireModule.js"; (le chemin doit être bon vu que j'ai la saisi-auto).
    merci

  6. #6
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    La saisie semi-auto n'est peut-être pas toujours fiable...

    Vous utilisez quel IDE ?

    Pouvez-vous me dire quelle est la structure (dossiers et sous-dossiers) de votre projet ?

    Par exemple où se trouve le fichier html et les fichiers script ?



    Voici un exemple de structure qui fonctionne :


    Nom : modules.PNG
Affichages : 175
Taille : 43,6 Ko

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [XL-2016] Unprotect Module.bas erreur 50289
    Par Bugzy1963 dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 15/09/2017, 17h28
  2. [1.x] Module généré = erreur en front
    Par akito dans le forum Symfony
    Réponses: 2
    Dernier message: 28/06/2011, 10h06
  3. [1.x] Création de module impossible, erreur 404
    Par christophetd dans le forum Symfony
    Réponses: 2
    Dernier message: 08/08/2009, 21h19
  4. [Erreur BDE sous XP] Ouverture du module de base de données
    Par touhami dans le forum Bases de données
    Réponses: 5
    Dernier message: 18/05/2008, 13h09
  5. Erreur module rtl60.bpl / vcl60.bpl
    Par say dans le forum C++Builder
    Réponses: 15
    Dernier message: 11/05/2005, 16h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo