Importations javascript de niveau supérieur - Redux
Je suis en train d'apprendre redux et j'ai une erreur. Je n'ai que deux fichiers, un index.html fichier et un main.js fichier, il y a des liens pour le jquery et redux réseaux de diffusion de contenu dans le fichier html. J'ai seulement appris à 2.3 dans le redux tutoriel(http://redux.js.org/docs/basics/Store.html) et je suis coincé. J'ai
import {createStore} from 'redux';
en haut de mon main.js fichier, mais lorsque je charge l'application, j'obtiens une erreur de pointage à la ligne ci-dessus en disant
SyntaxError: import declarations may only appear at top level
Ce qu'est un "haut niveau de la déclaration d'importation'?
Voici l'essentiel de mon code si ça peut aider. https://gist.github.com/austincarvey/6e6c8fdc2640b0f9bbfb
source d'informationauteur user3813472
Vous devez vous connecter pour publier un commentaire.
La
import
la directive n'est pas reconnu par les navigateurs web. Il est utilisé lors de la phase de compilation, à lier ensemble les différents fichiers source et les modules tiers dans un seul web bundle. Si cela ne fait pas de sens, alors j'ai fortement recommandé d'apprentissage Babel et soit Webpack ou Browserify. Babel transpiles ES6 et de Réagir de la syntaxe d'un navigateur convivial ES5 code, tandis que Webpack/Browserify grouper vos modules.Pour l'instant toutefois, si vous voulez juste pour obtenir de l'apprentissage de Redux, vous pouvez simplement supprimer l'instruction d'importation et d'utiliser plutôt la variable globale
Redux
exposés par le redux CA script dans votre résumé. c'est à direimport
est utilisé lorsque vous incluez un fichier via l'es6 modules dans un contexte qui les prend en charge (Browserify/Webpack/etc, les futures versions de navigateurs).Puisque vous êtes, y compris le Redux lib via
<script>
tag, qui prend soin d'inclureRedux
dans la portée globale.Dans le cas de votre résumé, si vous effacer la ligne et de modifier la
createStore
invocation àRedux.createStore
le 29, tout devrait fonctionner.