为什么在导入 ECMAScript 6 模块时出现'Uncaught SyntaxError：无法在模块外使用 import 语句”？

导入 ECMAScript 6 时“未捕获的语法错误：无法在模块外使用 import 语句”

概述

尝试导入 ECMAScript 6 模块 milsymbol 时.js 导入 ArcGIS JSAPI 项目时，您可能会遇到错误“Uncaught SyntaxError: Cannot use import statements在模块之外。”本指南提供了此错误的解决方案。

问题

发生错误的原因是 milsymbol.js 脚本需要模块环境才能使用 import 语句。如果没有模块环境，浏览器将无法识别语法。

解决方案

要在 ArcGIS JSAPI 项目中启用模块环境，可以修改包含 milsymbol.js 的脚本标签，添加type="module" 属性：

<script type="module" src="milsymbol-2.0.0/src/milsymbol.js"></script>

这将为 milsymbol.js 脚本创建一个模块环境，允许其使用导入

Node.js/NPM 的替代方案

如果您使用 Node.js/NPM，您还可以配置 package.json 文件以使用模块语法：

{
  // ...
  "type": "module",
  // ...
}

这将在您的整个过程中启用模块语法

使用

配置好模块环境后，您可以使用 import 语法从 milsymbol.js 引用 ms 对象：

import { ms } from "milsymbol-2.0.0/src/milsymbol.js";

注意，您使用模块时需要使用 import 语法而不是 require 语法。

以上是为什么在导入 ECMAScript 6 模块时出现'Uncaught SyntaxError：无法在模块外使用 import 语句”？的详细内容。更多信息请关注PHP中文网其他相关文章！