我尝试在最新版本的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
答案 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代码有助于查看模块正在导出的内容。这部分决定了您对“导入”语句的说法。