cda*_*win 74 html javascript module ecmascript-6 es6-modules
我是ES6的新手(ECMAScript 6),我想在浏览器中使用它的模块系统.我读过ES6受Firefox和Chrome支持,但我收到以下错误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;
为什么？
小智 52
您可以在Google Chrome测试版(61)/ Chrome Canary中试用ES6模块.
保罗爱尔兰参与实施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};
希望能帮助到你!
vul*_*tyy 52
此帖中之前接受的答案现已过时.许多现代浏览器现在支持ES6模块.只要您使用<script type="module" src="...">它导入脚本(包括应用程序的入口点)就行了.
请访问caniuse.com了解更多详情:https: //caniuse.com/#feat = es6-module
它适用于我添加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>
请参阅演示:https://codepen.io/abernier/pen/wExQaa