Erreur entre l’api et le front end avec le require

Résumé du bug :

Erreur entre l’api et le front end avec l'utilisation d'axioset la fonction require en font- end le (15/1/20) – (18/1/20).

“Uncaught SyntaxError: Cannot use import statement outside a module” 

• Pourtant les requêtes HTTP avec postman fonctionne

Test avec Axios pour récupérer l’array de l’api

-Exemple de code

const axios = require('axios');
axios.get('http://localhost:4000/api/informations').then(resp => {
    console.log(resp.data);
});

-Résultat

Personne touché	temps perdu
Albert	8h
Alexis	4h

---

solutions :

Première solution trouver par Alexis qui était d'utiliser Browserify (comme webpack). Mais nous avons plutot retirer browserify pour utiliser fetch en front end pour les requêtes front end - api

• Le Data est bien présent sur la page web avec Browserify

---

Le code avec fetch

• Code avec Fetch :

let response = await fetch(`http://localhost:4000/api/informations`);
let data = await response.json();
test = Object.values(data[1]);
let digit = Object.values(data[1])[0];
resultElement.innerHTML = test + 'Le n°0 de lalgo est ' + digit;

---

Ressources utilisé

• Fetch
• Axios
• How To Make A Chart Using Fetch & REST API's