导入不能用于chrome 61?

时间:2017-09-29 08:23:15

标签: javascript google-chrome ecmascript-6

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

import Mymodule from "Mymodule.js"
打印控制台:

  

未捕获的SyntaxError:意外的标识符

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

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

然后关闭:

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

2 个答案:

答案 0 :(得分:15)

问题在于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

答案 1 :(得分:0)

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

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

在此之前,您需要使用Babel和Browserify或Webpack等编译和捆绑您的代码。

更新:如下所述@neaumusic,此功能是Chrome 61的一部分。What's New注意引用Paul Irish's Module-implementation作为示例。

查看MyModule.js代码有助于查看模块正在导出的内容。这部分决定了您对“导入”语句的说法。