Vue3---uni-app--高德地图引用BUG

先给报错信息:module 'libs/map/@/libs/map_min.js' is not defined, require args is '@/libs/map_min.js' 

Vue3---uni-app--高德地图引用BUG_第1张图片查看我引用方法:

Vue3---uni-app--高德地图引用BUG_第2张图片

本人查阅资料发现 是 require 使用的是 commonJS方式引用说这个适配Vue2可我项目是Vue3应该使用ES6语法糖

Vue3---uni-app--高德地图引用BUG_第3张图片

然后我有跑了项目发现BUG

Vue3---uni-app--高德地图引用BUG_第4张图片

我 new AMapWx  不是构造函数Vue3---uni-app--高德地图引用BUG_第5张图片

这时候就想到如果我引用的方法适配Vue3而不是适配Vue2那么我导出的JS文件方法应该也存在Vue2导出和Vue3导出差别!!!然后百度了.........

Vue2导出

Vue3---uni-app--高德地图引用BUG_第6张图片

Vue3导出

Vue3---uni-app--高德地图引用BUG_第7张图片

然后自己尝试修改....... bug 解决了!!!

解决BUG

1、使用 import 模块引入

Vue3---uni-app--高德地图引用BUG_第8张图片

2、模块导出使用 使用defineComponent

Vue3---uni-app--高德地图引用BUG_第9张图片

3、解决!!!!!

Vue3---uni-app--高德地图引用BUG_第10张图片

你可能感兴趣的:(微信小程序,uni-app,bug,前端)