Erreur Content Security Policy avec la géolocalisation JavaScript

Question

Bonjour,
À cette étape, la console ne m'affiche pas les coordonnées (longitude et latitude) dans la console.
J'ai ce message : " Refused to load the script '<URL>' because it violates the following Content Security Policy directive: "script-src 'none'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. ". J'ai pourtant autorisé la position.
Pouvez-vous m'aider à comprendre où il y a une erreur ?
let villeChoisie;
if("geolocation" in navigator){
navigator.geolocation.watchPosition((position) =>{
console.log(position.coords.latitude);
console.log(position.coords.longitude);
});
}
else{
villeChoisie = "Paris";
recevoirTemperature(villeChoisie);
}
let changerDeVille = document.querySelector('#changer');
changerDeVille.addEventListener('click', () => {
villeChoisie = prompt('Quelle ville souhaitez-vous voir ?');
recevoirTemperature(villeChoisie);
});
function recevoirTemperature(ville) {
const url = 'https://api.openweathermap.org/data/2.5/weather?q=' + ville + '&appid=maCle&units=metric';
let requete = new XMLHttpRequest(); // Nous créons un objet qui nous permettra de faire des requêtes
requete.open('GET', url); // Nous récupérons juste des données
requete.responseType = 'json'; // Nous attendons du JSON
requete.send(); // Nous envoyons notre requête
// Dès qu'on reçoit une réponse, cette fonction est exécutée
requete.onload = function() {
if (requete.readyState === XMLHttpRequest.DONE) {
if (requete.status === 200) {
let reponse = requete.response;
// console.log(reponse);
let temperature = reponse.main.temp;
let ville = reponse.name;
// console.log(temperature);
document.querySelector('#temperature_label').textContent = temperature;
document.querySelector('#ville').textContent = ville;
}
else {
alert('Un problème est intervenu, merci de revenir plus tard.');
}
}
}
}

Louis-Nicolas Leuillet · Accepted Answer

Hello Nadège
Ton code fonctionne très bien ! Par exemple : https://codepen.io/believemy/pen/RNbQNLq
Cependant si tu reçois cette erreur c'est peut-être que ton navigateur bloque la géolocalisation. As-tu vérifié ceci ?

Nadège Leclair · Answer

Bonjour Louis-Nicolas, l'autorisation pour la position est pourtant bien activée. J'ai dû louper quelque chose ...

Louis-Nicolas Leuillet · Answer

Normalement avec un simple fichier JavaScript ton code devrait fonctionner quand tu glisses ton fichier dans ton navigateur :/

Erreur Content Security Policy avec la géolocalisation JavaScript

Formation JavaScript (legacy)