Bonjour,

J'essaie d'afficher une carte OpenLayers dans mon projet Django. Pour tester, j'essaie de reproduire l'exemple ici.

J'ai mis mon script main.js dans mon répertoire static, j'écris mon template :
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
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
<!DOCTYPE html>
{% extends "base.html" %}
{% load static %}
 
{% block css %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@v9.2.4/ol.css">
{% endblock css %}
 
{% block styles %}
	<style>
      .map {
        width: 100%;
        height: 400px;
      }
    </style>
{% endblock styles %}
 
{% block content %}
<div id="map" class="map"></div>
 
{% endblock content %}
 
{% block scripts %}
<script src="https://cdn.jsdelivr.net/npm/ol@v9.2.4/dist/ol.js"></script>
 
<script type="module" src="{% static 'js/map.js' %}"></script>
 
{% endblock scripts %}

Mais au chargement de la page, j'ai un message d'erreur :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
Le chargement du module à l’adresse « http://localhost:8000/static/js/map.js » a été bloqué en raison d’un type MIME interdit (« text/plain »).
J'ai essayé d'installer le module django-secure, et de mettre la variable SECURE_CONTENT_TYPE_NOSNIFF à True dans mon settings.py comme indiqué ici, mais j'ai toujours l'erreur.

Qu'est ce qu'il manque ?

J'ai testé sur Firefox et sur Chrome, j'ai la même erreur.

Merci,
Nico