2017-09-27 1 views
-1

Version 8.6.0 Noeudimportation (importation de l'un "./two") ne fonctionne pas dans le fichier js (Laravel 5,4 Pusher de diffusion)

version 5.3.0 NPM

d'erreur Chrome (version 61.0. 3163.100)

Uncaught SyntaxError: jeton inattendu import

Mozila Error (version 56.0 (64-bit))

SyntaxError: déclarations d'importation peut seulement app oreille au niveau supérieur d'un module importer un de "./two";

+1

La sortie de débogage pas une question valide – GavinBrelstaff

+0

en double possible de [En webpack comment puis-je corriger « les déclarations d'importation peut apparaître uniquement au niveau supérieur d'un module '?] (https://stackoverflow.com/questions/37023369/in-webpack-how-do-i-fix-import-declarations-may-only-appear-at-top -level-of-am) – Maraboc

Répondre

0

import est une fonctionnalité ES6. Pour utiliser les fonctionnalités ES6, vous devez installer babel. Babel est un transpiler, qui traduit ES6 en ES5 pour le navigateur à comprendre.

Exécutez la commande suivante:

npm install --save-dev babel-preset-es2015 

ajoutez ce qui suit à votre fichier .babelrc:

{ 
    "presets": ["es2015"] 
} 
+0

je fais le fichier .babelrc à la racine, est-ce le bon endroit? – Heartbeat

+0

essayer d'ajouter config babel dans votre package.json comme ceci: « babel »: {// ma config babel ici } Ou vous pouvez créer un fichier .babelrc dans le répertoire racine de votre projet –