mars2d在vue3中的引入问题

Question

在vue3项目中引入，mars2d但是加载过程中出错，找不到mars2d。
已经确认npm install mars2d已经成功了。
运行报如下错误，请求大家帮指导下，怎么才能正常运行，或者请大能们给一个能直接使用的事例，多谢大家！
mars和vue引入的版本是这个：

我的项目代码如下：

<template>
  <div id="mars2dContainer" style="width: 100%; height: 100%"></div>
</template>
 
<script setup>
import { onMounted, ref } from 'vue';
import * as mars2d from 'mars2d';
 
const map = ref(null);
 
onMounted(() => {
  // 当组件挂载完成后，初始化地图
  map.value = new mars2d.Map('mars2dContainer', {
    // 地图视图配置
    zoom: 10,
    center: { lng: 116.939428, lat: 31.859088 },
    // 添加一个图层
    layers: [
      new mars2d.layer.TileLayer({
        name: '全球影像',
        url: 'http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
      }),
    ],
  });
});
</script>
 
<style>
#mars2dContainer {
  width: 100%;
  height: 100vh;
}
</style>

最后报错是这额样的

Answer 1

检查是否正确导入并使用了 Mars2D，确保按官方文档配置Vue插件。

以上回复有部分引自免费微信小程序：皆我百晓生。 如问题尚未解决，还请稍待，如有疑问请回复进一步沟通。