导入不能用于chrome 61？

Question

我正在尝试在最新发布的chrome版本中使用ES6功能,即chrome 61,我在使用import关键字时遇到了错误.从技术上讲,import用作以下方法,但控制台显示我错误:

import Mymodule from "Mymodule.js"

控制台打印:

Uncaught SyntaxError:意外的标识符

我已经开启了以下实验性功能:

chrome://flags/#enable-javascript-harmony
chrome://flags/#enable-module-scripts

并关闭:

chrome://flags/#disable-javascript-harmony-shipping

Answer 1

问题是from "Mymodule.js".

模块必须是完整URL(包括协议),绝对路径(以/开头)或相对路径(以./或../开头).

保留任何其他字符串以供将来使用.

来源:https://jakearchibald.com/2017/es-modules-in-browsers/#bare-import-specifiers-arent-currently-supported (引自https://developers.google.com/web/updates/2017/09/nic61#modules)

Answer 2

Chrome 中尚未原生包含“导入”支持，但目前正在开发中

https://www.chromestatus.com/feature/5684934484164608

在那之前，您需要使用 Babel 和 Browserify 或 Webpack 等工具来编译和捆绑您的代码。

更新：正如 @neaumusic 下面提到的，此功能是 Chrome 61 的一部分。新增功能注释引用了 Paul Irish 的模块实现作为示例。

这将有助于查看您的 MyModule.js 代码，以准确了解您的模块正在导出的内容。这部分决定了您如何表达“导入”语句。