<template> <div id="cesiumContainer"></div> </template> <script setup> import * as Cesium from 'cesium'; import { onMounted } from 'vue'; onMounted(()=>{ var custom = new Cesium.ArcGisMapServerImageryProvider({ url:'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer' }) var viewer = new Cesium.Viewer('cesiumContariner',{ baseLayerPicker:false, imageryProvider:custom, terrainProvider:Cesium.createWorldTerrain({ requestWaterMask:true, requestVertexNormals:true, }) }) }) </script>检查代码有没有问题

根据您提供的代码，可能是因为您在模板中将 `id` 设置为 `cesiumContainer`，但是在脚本中却将其写作 `cesiumContariner`，拼写不一致导致无法找到元素。请将 `new Cesium.Viewer()` 方法中的 id 参数改为正确的拼写，应该就可以解决该问题。

修改后的代码应该如下所示：

<template>
  <div id="cesiumContainer"></div>
</template>

<script setup>
  import * as Cesium from 'cesium';
  import { onMounted } from 'vue';

  onMounted(()=>{ 
    var custom = new Cesium.ArcGisMapServerImageryProvider({
      url:'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
    }) 

    var viewer = new Cesium.Viewer('cesiumContainer',{
      baseLayerPicker:false,
      imageryProvider:custom,
      terrainProvider:Cesium.createWorldTerrain({
        requestWaterMask:true,
        requestVertexNormals:true,
      })
    }) 
  })
</script>

请注意，我只是将 `new Cesium.Viewer()` 方法中的一个参数进行了更正，如果还有其他问题，还需要您进一步检查代码。