“未捕获的语法错误：不能在模块外部使用import语句”在导入ES6时

Question

我正在使用ArcGIS JSAPI 4.12，希望使用Spatial Illusions在地图上绘制军事符号。

[当我向脚本中添加milsymbol.js时，控制台会返回错误Uncaught SyntaxError: Cannot use import statement outside a module，因此我将type="module"添加到脚本中，它会返回Uncaught ReferenceError: ms is not defined。

这是我的代码：

<link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css">
<script src="https://js.arcgis.com/4.12/"></script>
<script type="module" src="milsymbol-2.0.0/src/milsymbol.js"></script>

<script>
        require([
          "esri/Map",
          "esri/views/MapView",
          "esri/layers/MapImageLayer",
          "esri/layers/FeatureLayer"
        ], function (Map, MapView, MapImageLayer, FeatureLayer) {

            var symbol = new ms.Symbol("SFG-UCI----D", { size: 30 }).asCanvas(3);
            var map = new Map({
                basemap: "topo-vector"
            });

            var view = new MapView({
                container: "viewDiv",
                map: map,
                center: [121, 23],
                zoom: 7
            });
        });
    </script>

所以，无论我是否添加type="module"，总会出现错误。但是，在空间幻象的正式文档中，脚本中没有type="module"。我现在真的很困惑，他们如何在不添加类型的情况下设法使其正常工作？

milsymbol.js

import { ms } from "./ms.js";

import Symbol from "./ms/symbol.js";
ms.Symbol = Symbol;

export { ms };

Answer 1

1]您当前正在将源文件加载到src目录中，而不是将构建文件加载到dist目录中（您可以看到预期的分布式文件是here）。这意味着您正在以未更改/未捆绑的状态使用本机源代码，从而导致以下错误：Uncaught SyntaxError: Cannot use import statement outside a module。应该使用捆绑版本来解决此问题，因为软件包是using rollup以创建捆绑。

2）出现Uncaught ReferenceError: ms is not defined错误的原因是因为模块是作用域的，并且由于要使用本机模块加载库，因此ms不在全局范围内，因此在以下内容中不可访问脚本标签。

看来您应该能够加载此文件的dist版本，以便在ms上定义window。从库作者中查看this example，以查看如何完成此操作的示例。