我是ES6 (ECMAScript 6) 的新手，我想在浏览器中使用它的module系统。我读到 Firefox 和 Chrome 支持 ES6，但使用时出现以下错误export
Uncaught SyntaxError: Unexpected token import
我有一个 test.html 文件
<html>
<script src="test.js"></script>
<body>
</body>
</html>
和一个 test.js 文件
'use strict';
class Test {
static hello() {
console.log("hello world");
}
}
export Test;
为什么？
许多现代浏览器现在都支持 ES6 module。只要您使用<script type="module" src="...">它导入脚本（包括应用程序的入口点），它就会起作用。
查看caniuse.com了解更多详情：https : //caniuse.com/#feat=es6-module
您可以在 Google Chrome Beta (61) / Chrome Canary 中试用 ES6 module。
Paul Irish 的 ToDo MVC 参考实现 - https://paulirish.github.io/es-modules-todomvc/
我有基本的演示 -
//app.js
import {sum} from './calc.js'
console.log(sum(2,3));
//calc.js
let sum = (a,b) => { return a + b; }
export {sum};
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>ES6</h1>
<script src="app.js" type="module"></script>
</body>
</html>
希望能帮助到你！
不幸的是，现在许多浏览器都不支持module。
此功能目前才刚刚开始在浏览器中原生实现。它在许多转译器（例如 TypeScript 和 Babel）以及打包器（例如 Rollup 和 Webpack）中实现。
在MDN 上找到
它对我有用，添加type="module"到import我的 mjs脚本中：
<script type="module">
import * as module from 'https://rawgit.com/abernier/7ce9df53ac9ec00419634ca3f9e3f772/raw/eec68248454e1343e111f464e666afd722a65fe2/mymod.mjs'
console.log(module.default()) // Prints: Hi from the default export!
</script>
可能是您将现有脚本更改为module而忘记删除原始脚本标记。这就是发生在我身上的事情以及我如何被定向到这个页面。我最初有这个：
<script src="app.js" defer></script>
然后我更改了我的主脚本标记以将其作为module导入并且它正在工作，但我仍然收到错误消息。我无法弄清楚它是如何工作并抛出错误的，但我忘记删除原始脚本标记。