我正在使用ArcGIS JSAPI 4.12,希望使用空间幻象在地图上绘制军事符号。

当我将milsymbol.js添加到脚本中时,控制台返回错误

无法在模块外部使用import语句

所以我添加type="module"到脚本中,然后它返回

Uncaught ReferenceError: ms未定义

这是我的代码:

<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",总会有错误。但是在Spatial Illusions的官方文档中,脚本中没有type="module"。我现在真的很困惑。他们如何在不添加类型的情况下让它工作呢?

文件milsymbol.js

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

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

export { ms };

当前回答

在我的情况下,我更新了

"lib": [
      "es2020",
      "dom"
    ]

with

"lib": [
  "es2016",
  "dom"
]

在我的tsconfig中。json文件。

其他回答

我也面临着同样的问题,直到我在脚本中添加type="module"。

以前是这样的

<script src="../src/main.js"></script>

在把它改成

<script type="module" src="../src/main.js"></script>

它工作得很完美。

在你的包中添加"type": "module"。json文件。

并重新启动应用程序:

npm开始

那么你的问题就解决了。

因为你没有输出。.ts文件需要导出类格式,而在.js文件中,我们将使用exports函数。

因此,我们必须使用var_name = require("<pathfile>")来使用这些文件函数。

我在世博会上也犯过同样的错误。

主要解决方案是在包中添加“type”:“module”。json文件。

但是,您必须检查哪个是正确的package.json。

在我的情况下,有两个包。Json文件,然后你应该把它添加到服务器文件中。

以确定哪个是正确的包。. json,找到“scripts”:{"test": "echo \"错误:没有测试指定的\" && exit 1"},

在这一行下面,添加“type”:“module”,

我通过以下方法解决了这个问题:

当从浏览器中使用ECMAScript 6模块时,在文件中使用.js扩展名,并在脚本标记中添加type = "module"。

当从Node.js环境中使用ECMAScript 6模块时,在文件中使用扩展名.mjs,并使用以下命令运行文件:

node --experimental-modules filename.mjs

编辑:这是在节点12是最新的LTS时编写的,这不适用于节点14 LTS。