为什么 ArcGIS JavaScript API 的基本示例会抛出错误？

如何解决为什么 ArcGIS JavaScript API 的基本示例会抛出错误？

我正在尝试使用 ArcGIS JavaScript API 来构建一些交互式网络地图。但是，使用在 the official documentation 上找到的代码每次都会引发错误。我有一个可用的 API 密钥，当然在下面的示例中省略了。

有什么我遗漏的吗？

错误：

发生异常。对象

代码：

<html>
  <head>
    <Meta charset="utf-8" />
    <Meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
    <title>ArcGIS API for JavaScript Tutorials: display a map</title>

    <style>
      html,body,#viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>

    <link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css">
    <script src="https://js.arcgis.com/4.18/"></script>

    <script>
      require(["esri/config","esri/Map","esri/views/MapView"],function (esriConfig,Map,MapView) {

        esriConfig.apiKey = "YOUR_KEY_HERE";

        const map = new Map({
          basemap: "arcgis-topographic" // Basemap layer service
        });

        const view = new MapView({
          map: map,center: [-118.805,34.027],// Longitude,latitude
          zoom: 13,// Zoom level
          container: "viewDiv" // Div element
        });

      });
    </script>

  </head>
  <body>
    <div id="viewDiv"></div>
  </body>
</html>