我是ES6的新手(ECMAScript 6),我想在浏览器中使用它的模块系统.我读过ES6受Firefox和Chrome支持,但我收到以下错误export
Uncaught SyntaxError: Unexpected token import
我有一个test.html文件
和一个test.js文件
'use strict'; class Test { static hello() { console.log("hello world"); } } export Test;
为什么?
您可以在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};
此帖中之前接受的答案现已过时.许多现代浏览器现在支持ES6模块.只要您使用它导入脚本(包括应用程序的入口点)就行了.
请访问caniuse.com了解更多详情:https: //caniuse.com/#feat = es6-module
不幸的是,目前许多浏览器都不支持这些模块.
此功能刚刚开始在本地浏览器中实现.它在许多转换器(如TypeScript和Babel)以及捆绑器(如Rollup和Webpack)中实现.
在MDN上找到
它适用于我添加type="module"
到import
我的mjs 的脚本:
请参阅演示:https://codepen.io/abernier/pen/wExQaa