Voici mes exemples de fichiers:
<!DOCTYPE html> <html> <head> <title>Test</title> <script src="t1.js"></script> </head> <body></body> </html>
T1.js:
import Test from 't2.js';
T2.js:
export const Test = console.log("Hello world");
Lorsque je charge la page dans Firefox 46, elle renvoie "SyntaxError: les déclarations d'importation ne peuvent apparaître qu'au niveau supérieur d'un module" – mais je ne sais pas à quel point le niveau supérieur de l'instruction import peut être obtenu ici. Est-ce que cette erreur est un hareng rouge et l'importation / exportation n'est-elle pas encore prise en charge?
De l' import
sur MDN :
Cette fonctionnalité n'est pas implémentée dans aucun navigateur à l'heure actuelle. Il est implémenté dans de nombreux transpilers, tels que Traceur Compiler, Babel ou Rollup.
Les navigateurs ne prennent pas en charge l' import
.
Voici la table de support du navigateur:
Si vous souhaitez importer des modules ES6, je vous suggère d'utiliser un transpiler (par exemple, babel ).