SyntaxError：无法在模块外部使用import语句-jsfiddle

Question

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

 SyntaxError: Cannot use import statement outside a module

这是我的jsfiddle-

https://jsfiddle.net/5fcguapx/

我在控制台中看到错误声明。

Answer 1

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

此外，由于某些来源既是有效的“经典”脚本又是有效的模块，但根据它们是否被解释为以下含义，它们也无法可靠地检测ECMAScript源是“经典”脚本还是模块“经典”脚本或作为模块。

最后，没有一种信号源是“经典”脚本还是模块的带内方式，该信息必须从源外部带外传送。

所以，您的问题是您[[认为”将源解释为模块，但实际上将其解释为“经典”脚本，并且仅“经典”脚本中不允许import语句在模块中。

您必须告诉您的执行环境该源是一个模块。具体操作方式取决于您的执行环境，例如在Node.js中，它是通过the filename (.js vs. .mjs)传递的，如果它嵌入在HTML5中，则它是通过.js的.mjs传递的>