2 votes

Firefox cette page n'a pas de sources

Je travaille sur un jeu JavaScript et il fonctionne comme prévu dans Chrome et Safari. Cependant, dans Firefox, la page ne charge aucun scripts, et le débogueur est vide. Je ne vois aucune erreur. Voici l'intégralité de la page html :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <canvas id="canvas"></canvas>
    <script type="module" src="foo.js"></script>
    <script type="module" src="bar.js"></script>
    <script type="module" src="baz.js"></script>
    <script type="module" src="qux.js"></script>
    <script type="module" src="foobar.js"></script>
    <script type="module" src="bazqux.js"></script>
</body>
</html>

MISE À JOUR : Un peu de contexte supplémentaire pour les futurs lecteurs : selon la réponse de Roko C. Buljan, il s'avère que les modules ES6 ne sont pas activés par défaut dans FireFox au moment où j'écris ces lignes. C'était le problème.

4voto

Roko C. Buljan Points 46488

Vous utilisez module qui ne sont pas ouvertement disponibles dans Firefox. Pour les activer, vous pouvez aller sur about:config et de les activer sous dom.moduleScripts.enabled le réglage c'est Valeur a true

enter image description here

En attendant, vous pouvez utiliser un polyfill comme ceci ou utiliser outils de construction qui compilera vos modules en un seul fichier prêt à la production, soutenu par ES5.

Quelques lectures approfondies :

https://html.spec.whatwg.org/multipage/webappapis.html#integration-with-the-javascript-module-system
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script https://jakearchibald.com/2017/es-modules-in-browsers/
https://medium.com/webpack/the-state-of-javascript-modules-4636d1774358

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X