相关疑难解决方法(0)

ECMA 6虽然启用了实验性js,但仍无法正常工作

我有最新的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模块.而且我也喜欢类的糖语法,代码看起来更好:)

javascript ecmascript-6

5
推荐指数
2
解决办法
2万
查看次数

JS:在客户端启用导出/导入(ES6 或使用 babel)?

我想导出/导入应用程序目录中的本地文件:

我的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)

javascript google-chrome include ecmascript-6 babeljs

5
推荐指数
1
解决办法
6746
查看次数