我正在使用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 };

当前回答

我在尝试使用import Express.js时遇到了这个错误。

而不是从'express'进口express;

我使用const express = require('express');

其他回答

更新Node.js / NPM

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

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

注意:当使用模块时,如果你没有定义ReferenceError: require,你将需要使用import语法而不是require。您不能在它们之间进行混合和匹配,因此您需要选择其中之一,如果需要使用两者,则使用捆绑器。

我想我应该加上这句话,因为这对我来说并不明显。您需要将type="module"添加到所有脚本包含,而不仅仅是您想用于实用程序文件的脚本包含。

index . html:

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

main.js:

import myFunction from './utils.js

utils.js:

export default myFunction

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

并重新启动应用程序:

npm开始

那么你的问题就解决了。

触发此错误是因为您在HTML文件中链接到的文件是该文件的未绑定版本。 要获得完整的捆绑版本,你必须安装npm:

npm install --save milsymbol

这将把完整的包下载到node_modules文件夹中。

然后,您可以在node_modules/milsymbol/dist/milsymbol.js中访问独立的微型JavaScript文件

您可以在任何目录中执行此操作,然后将下面的文件复制到/src目录。

我正在编写香草JavaScript。如果你做同样的事情,只需添加一个type="module"到你的脚本标签。

也就是之前的代码:

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

更新后的代码:

<script type="module" src="./index.js"></script>`