Uniapp + Vue3 引入高德小程序插件js文件失败

问题描述

使用uni app模板开发微信小程序过程中引入高德地图小程序插件失败，

先看代码：

import amap from "@/lib/amap-wx.130.js";//引入高德地图小程序插件

报错：
SyntaxError: The requested module does not provide an export named 'default'

解决方案：

import 方式导入js 模块需要在js文件中声明 export 导出，查看amap-wx.130.js文件发现文件末尾的导出是这样写的

module.exports.AMapWX=AMapWX;

这种导出方式对应的是Vue 2依赖如使用 commonJS 方式导出

// module.exports.AMapWX=AMapWX;
//适配vue3
export default { AMapWX };

把 module.exports.AMapWX=AMapWX; 替换成 export default { AMapWX };
完美解决~