vue3使用vue-baidu-map 报错TypeError: Cannot set properties of undefined (setting '_BMap')

当你在Vue3中尝试使用vue-baidu-map这个库时，遇到`TypeError: Cannot set properties of undefined (setting '_BMap')`这样的错误，通常是因为你在组件初始化前就试图访问了`_BMap`变量，而这个变量在Baidu Map API加载并注册完成之前是undefined的。

解决这个问题的步骤有：

1. **确保异步加载**: Baidu Map API是一个JavaScript库，需要先通过`import`导入并在适当的时候加载。可以使用`async`和`await`来确保地图模块在你需要使用它的时候已经准备好：

<template>
  <div ref="map" />
</template>

<script setup>
import { onMounted } from 'vue';
import BMap from 'vue-baidu-map';

// 异步加载百度地图
const loadBMap = async () => {
  await BMap.init();
};

onMounted(async () => {
  // 确保地图模块加载后再设置_bMap
  const map = new BMap.Map('map');
  await loadBMap();
});
</script>

2. **检查引入顺序**: 确保你在使用`vue-baidu-map`组件之前正确地引入了BMap.js文件，并且放在合适的位置。

3. **检查组件引用**: 如果你是在某个父组件中导入并使用的，确保你正确地传递了依赖到子组件里。

如果以上步骤都做了还是报错，可能是API版本问题或者配置有误，你可以查阅vue-baidu-map的官方文档或者查看是否有其他用户遇到过类似的问题。另外，记得检查浏览器的控制台日志，看看是否有更详细的错误信息。