uniapp+vue3+vite 引入高德sdk文件报错

417 阅读1分钟

问题描述:

用uniapp+vue3+vite开发小程序获取当前位置功能的时候,需要引入高德sdk,按照uni官方给的指南,下载js文件放入项目中,引入文件的时候报错:

image.png

原因分析:

打开高德js文件查看源码,发现导出AMapWX模块是这样写的:module.exports.AMapWX=AMapWX,很明显是使用的vue2中webpack中commonJs的导出方法,而vue3这里的项目是依赖于vite。

image.png

解决办法:

module.exports.AMapWX=AMapWX改成=》export default { AMapWX },就可以引入成功了!

image.png