我有最新的Chrome版本(45和Chrome Canary,版本47),都启用了实验性Javascript标志.我想使用ECMA6,但它不起作用.我不知道为什么.是否还必须启用任何技巧或其他标志?
ECMA6的每个保留字(如import,class或其他)都会在Chrome 45中引发"Uncaught SyntaxError:Unexpected reserved word"错误,并在Chrome Canary中出现"Uncaught SyntaxError:Unexpected token import"错误.
我将不胜感激任何帮助.并且,因为几个月前我没有得到任何答案,但是使用ECMAScript 6的 "可能重复" ,但事实并非如此.它没有解决我的问题.
谢谢.
---编辑---我想使用模块,因为我比使用Require或Common更喜欢ecma6模块.而且我也喜欢类的糖语法,代码看起来更好:)
我想导出/导入应用程序目录中的本地文件:
我的index.html
:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
</head>
<body>
<script type="text/babel" src="main.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
actions.js
:
export const ADD_TODO = 'ADD_TODO'
export const TOGGLE_TODO = 'TOGGLE_TODO'
export const SET_VISIBILITY_FILTER = 'SET_VISIBILITY_FILTER'
Run Code Online (Sandbox Code Playgroud)
main.js
(从index.html加载):
import {ADD_TODO, TOGGLE_TODO, SET_VISIBILITY_FILTER} from 'actions'
Run Code Online (Sandbox Code Playgroud)
现在如果我使用没有 babel 的 javascript,我会得到:
Uncaught SyntaxError: Unexpected token import
我使用Chrome 浏览器版本 60。这个版本不是应该已经支持ES6了吗?通过支持,我应该能够使用导出/导入?
我还尝试了 babel (使用从 加载的独立 babel index.html
)。
然后我得到这个错误:
Uncaught ReferenceError: require is not defined
at <anonymous>:4:16
at n (https://unpkg.com/babel-standalone@6.15.0/babel.min.js:12:27049)
at r (https://unpkg.com/babel-standalone@6.15.0/babel.min.js:12:27558) …
Run Code Online (Sandbox Code Playgroud)