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中，则它是通过the type attribute的the script element传递的。