STIC Discussion:STIC I - exercice 6 (Zelda)

Lier la bibliothèque à ma page javascript -- Rachel E (discussion) 24 janvier 2020 à 12:36 (CET)

Bonjour,

Je rencontre des difficultés pour l'exercice 6.

Lien vers la version provisoire actuelle: EXERCICE 6

Je cherche à ajouter un chronomètre à ma page avec easytimer.js en suivant les instructions sur leur site. Toutefois, ça ne fonctionne pas. Lorsque je me log sur la console, j'obtiens les réponses suivantes:

• SyntaxError: import declarations may only appear at top level of a module easytimer.js:9
• ReferenceError: Timer is not defined

J'en conclus que le fichier easytimer.js n'est pas au bon endroit pour être lié à mon fichier app.js et que la variable timer n'est pas reconnue.

Cela dit, je ne trouve pas de solution. J'ai vérifié les chemins qui sont à mon avis justes. J'ai changé l'ordre des fichiers .js. J'ai effacé les fichiers pour les recharger. J'ai essayé de publier pour voir si le problème était au niveau local. J'ai également essayé une autre librairie permettant de faire un chronomètre et ça ne fonctionne toujours pas. Je dois donc faire qqch de faux mais je ne trouve pas où est l'erreur. Serait-ce dans l'ordre des fichiers?

Merci pour votre réponse (si le lien vers mon travail de suffit pas, je vous envoie volontiers les fichiers)

Rachel

Re: Lier la bibliothèque à ma page javascript -- Mattia A. Fritz (discussion) 24 janvier 2020 à 12:55 (CET)

Bonjour,

c'est un problème lié au fait que JavaScript "moderne" propose différentes manières pour combiner des fichiers, notamment à travers un système d'importation qui n'est cependant pas supporté nativement par le navigateur. Dans le fichier easytimer.js aux lignes 9 et 10 :

import TimeCounter from './timeCounter';
import './customEventPolyfill';

Ceci dépasse largement le contexte de notre cours, donc il ne faut pas s’inquiéter si c'est pas clair ;)

J'ai essayé de faire des tests moi-même et probablement si vous modifiez de la manière suivante cela devrait marcher :

1. Utilisez le fichier easytimer.min.js au lieu de easytimer.js (link)
2. Dans votre fichier app.js, changez var timer = new Timer(); avec var timer = new easytimer.Timer();

J'espère que cela va résoudre votre problème. Si non il faut peut-être changer de bibliothèque :-S

Mattia