SyntaxError: Cannot use import statement outside a module - jsfiddle

Question

我正在尝试构建一个 JSFIDDLE 来调试 REACT/HIGHCHARTS 问题，但出现以下错误 -

 SyntaxError: Cannot use import statement outside a module

这是我的 jsfiddle -

我在 CONSOLE 中看到错误说明。

Answer 1

自 ECMAScript 2015 以来，the ECMAScript language is split into two separate sub-languages: ECMAScript "Classic" Scripts and ECMAScript Modules。由于历史原因，这两种子语言彼此不兼容，也不是彼此的子集。

此外，无法可靠地检测 ECMAScript 源是 "Classic" 脚本还是模块，因为有些源既是有效的 "Classic" 脚本又是有效的模块，但具有不同的含义取决于它们是被解释为 "Classic" 脚本还是模块。

最后，没有带内信号方式表明源是 "Classic" 脚本还是模块，此信息必须从源外部带外传送。

所以，你的问题是你认为你的源被解释为一个模块，但它实际上被解释为一个"Classic"脚本，并且import 语句不允许出现在 "Classic" 脚本中，只能出现在模块中。

你必须告诉你的执行环境这个源是一个模块。你如何做到这一点取决于你的执行环境，例如在 Node.js 中，它通过 the filename (.js vs. .mjs), if it is embedded within HTML5, it is conveyed via the type attribute of the script element

传送

jsfiddle