Titre réécrit comme : Script de module JavaScript attendu, mais le serveur a répondu avec les types MIME text/html et text/css - pas de frames, pur JS
J'essaie d'utiliser un calendrier de couleurs et je suis le tutoriel qu'ils ont vu dans la démo et la documentation comme ceci :
// js/calendar.js
import Calendar from '../node_modules/color-calendar';
import '../node_modules/color-calendar/dist/css/theme-glass.css';
let calA = new Calendar({
id: "#color-calendar",
theme: "glass",
// border: "5px solid black",
weekdayType: "long-upper",
monthDisplayType: "long",
// headerColor: "yellow",
// headerBackgroundColor: "black",
calendarSize: "small",
layoutModifiers: ["month-left-align"],
eventsData: [
{
id: 1,
name: "French class",
start: "2020-12-17T06:00:00",
end: "2020-12-18T20:30:00"
},
{
id: 2,
name: "Blockchain 101",
start: "2020-12-20T10:00:00",
end: "2020-12-20T11:30:00"
},
{
id: 3,
name: "Cheese 101",
start: "2020-12-01T10:00:00",
end: "2020-12-02T11:30:00"
},
{
id: 4,
name: "Cheese 101",
start: "2020-12-01T10:00:00",
end: "2020-12-02T11:30:00"
}
],
dateChanged: (currentDate, events) => {
console.log("date change", currentDate, events);
},
monthChanged: (currentDate, events) => {
console.log("month change", currentDate, events);
}
});
et mon HTML :
// dashboard.html
...
<div class="col">
<div class="calendar-container">
<div id="color-calendar"></div>
<div id="events-display"></div>
</div>
</div>
...
<script type="module" src="js/calendar.js"></script>
J'ai essayé d'utiliser le serveur http et l'extension Live Server pour vérifier si cela résolvait le problème, mais le problème persiste.
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/css". Strict MIME type checking is enforced for module scripts per HTML spec.
J'ai les deux sur ma console d'outils de développement
Pour plus d'informations, voici mon package.json
{
"dependencies": {
"color-calendar": "^1.0.7",
"http-server": "^14.1.1"
}
}
Je ne sais plus quoi faire… pas de Node.js, pas de frameworks, j'utilise juste javascript, html et css.
