javascript - 顶级 javascript 导入 - Redux

Question

我正在尝试学习 redux，但遇到了错误。我只有两个文件，一个 index.html 文件和一个 main.js 文件，html 文件中有指向 jquery 和 redux cdns 的链接。我在 redux 教程(http://redux.js.org/docs/basics/Store.html)中只达到了 2.3，并且卡住了。我有

import {createStore} from 'redux';

在我的 main.js 文件的顶部，但是当我加载应用程序时，我得到一个指向上面一行的错误

语法错误:导入声明可能只出现在顶层

什么是“顶级进口申报”？

如果有帮助，这是我的代码的要点。 https://gist.github.com/austincarvey/6e6c8fdc2640b0f9bbfb

Answer 1

Web 浏览器无法识别 import 指令。它在编译阶段使用，将不同的源文件和第三方模块绑定(bind)到一个 web 包中。如果这没有意义，那么我强烈建议学习 Babel 和 Webpack 或 Browserify。 Babel 将 ES6 和 React 语法转换为浏览器友好的 ES5 代码，同时 Webpack/Browserify 捆绑您的模块。

但是现在，如果您只想继续学习 Redux，您可以简单地删除 import 语句，而是使用要点中的 redux CDN 脚本公开的全局变量 Redux。即

var store = Redux.createStore(counterReducer);