Je suis jolie nouvelle dans JS et j'ai des problèmes d'importation.
Je fais une application de liste de planète Star Wars, où j'aimerais importer des fonctions d'un autre fichier JS comme celui-ci: < / p>
--- datamanager.js --- p> --- main.js --- p> Le message d'erreur que je reçois est: "SyntaxExError non capturé: Jeton inattendu {" P> semble que la syntaxe est incorrecte, mais j'ai déjà vérifié tous les articles "Imports" sur le Web, et j'ai déjà vérifié tous les articles "Imports" sur le Web et Impossible de trouver ce que je fais mal. P> p>
3 Réponses :
dans ES6, vous pouvez utiliser Importer {getallPlanetDatafromapi} de './Datamanager' sinon vous devez importer ./Datamanage P>
La première version est dans la question qui ne fonctionne pas. Le second me donne une erreur: "SyntaxExError non capturé: chaîne inattendue" :(
D'accord, je l'ai donc compris!
Le problème principal était que je n'ai pas ajouté le "type =" module "" attribut à mon fichier MAIN.JS dans mon HTML. Après cela, j'ai eu une autre erreur: "404- Non trouvé", et je pourrais le réparer en ajoutant ".js" après mon importation. Donc, le code de travail parfaitement est: p>
--- index.html --- p> --- DataManager.js --- P > --- main.js --- p> merci pour toutes les réponses et commentaires, notamment @Yaswanth qui a déménagé moi dans la direction de la solution! p> p>
De plus, je n'ai même pas besoin de cette ligne dans mon HTML:
Avez-vous utilisé WebPack ou Rollup par exemple pour convertir votre code ES dans les normes JavaScript?
Utilisez-vous un fichier HTML pour charger ces scripts ou n'importe quel cadre comme réact?
Avez-vous essayé avec suppression des supports bouclés
{ code> à l'importation?
Je n'ai pas utilisé Webpack ni enroulé. @yaswanth je charge ces fichiers dans mon index.html, comme celui-ci: