【问题标题】:Trying ES6 imports with Chrome but it doesn't seem to work尝试使用 Chrome 导入 ES6,但它似乎不起作用
【发布时间】:2016-05-31 12:07:31
【问题描述】:

我正在考虑从 Dart 迁移到 ES6,但 Chrome 似乎不支持对我至关重要的新 import 语句。

我使用了此站点的(命名导出)代码:http://www.2ality.com/2014/09/es6-modules-final.html

我也试过了

<module import="main"><module>

我收到错误:“意外的令牌导入”

如果他们会在最终版本之前支持它,有什么信息吗?

代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>ES6</title>
</head>
<body bgcolor="blue">
  <script type="module" src="main.js"></script>
</body>
</html>

main.js

import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

lib.js:

export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

【问题讨论】:

  • iirc google chrome 尚不支持模块。
  • 是的,我注意到了......这就是为什么我的问题是:如果他们会在最终版本之前支持它,有什么信息吗?
  • this
  • Chrome 没有“最终版本”。只有下一个版本,然后是之后的版本。无论如何,不​​要担心 Chrome 中的原生支持,只需像其他人一样转换您的代码。

标签: ecmascript-6 es6-module-loader


【解决方案1】:

现在终于可以在启用了 Experimental Web Platform 功能的 Chrome 60 中使用了。

这是一个测试:
https://github.com/paulirish/es-modules-todomvc

查看此处了解状态新闻:
https://www.chromestatus.com/features/5365692190687232

【讨论】:

  • 如何将“实验网络平台”功能设置为启用?
  • 在 Chrome 浏览器中,输入网址 chrome://flags/。此操作会生成一个可供您使用的实验性浏览器功能列表。
【解决方案2】:

Safari Tech Review 19,通过 WebKit,现在支持模块。

https://twitter.com/Constellation/status/806660783312543744

https://webkit.org/status/

【讨论】:

    猜你喜欢
    • 2020-06-28
    • 1970-01-01
    • 2016-06-11
    • 2013-11-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-12-18
    相关资源
    最近更新 更多