ES2015模块导入和导出语法错误

Question

在ES6中使用导入导出时，我得到的错误如下：

SyntaxError:导出声明只能出现在顶层

我想找办法解决这个问题，但我做不到。有人能解释这件事吗。我对ES6很陌生，尤其是进出口业务。(我把StealJS完全用于这类东西了)谢谢！

js文件是：

app.js

import { cube, cubeRoot } from 'functions';

console.log(cube(4));
console.log(cubeRoot(125));

functions.js

// functions.js

function cube(a) {
    return a * a * a;
}

function cubeRoot(a) {
    return Math.cbrt(a);
}

export { cube, cubeRoot}

Answer 1

2017年夏季最新情况：

参见http://caniuse.com/#search=modules，新的支持，可能需要更改设置。

现在事情不那么模糊了。要使模块正常工作，您必须使用，告诉浏览器它是一个模块(另一个是脚本)。第一种方法是隐式的，导入的模块总是模块。第二种方法是使用类型模块<script src="anymodule.js" type="module"></script>。

确保导入和导出仅在顶级中，不在块内，不在if语句中，不在循环内部，等等。

还要确保提供完整的路径(包括.js)，它应该从./或../开始。将文件求和在同一个文件夹中，它将是import { cube, cubeRoot } from './functions.js';

模块字符串上的eval将无法工作。

过时的答案如下：

在我编写这个答案(04/2016)时，任何浏览器都不支持ES2015模块导入和导出语法。错误消息会导致错误，因为它意味着支持语法，但根本不支持它。参见这里的第一个注意事项，https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

之所以如此，是因为模块加载器的规范仍在进行中。请参阅https://whatwg.github.io/loader/#status

然而，它们是用于填充或转换这种语法的工具，就像babel一样。