我用uni-app的renderjs就是不同的vue页面都引用maptalks 报错重复引入了咋解决
我用uni-app的renderjs就是不同的vue页面都引用maptalks 报错重复引入了咋解决
操作步骤:
- 重复引入报错
预期结果:
- 可以重复引入
实际结果:
- 重复引入报错
bug描述:
- 我用renderjs就是不同的vue页面都引用maptalks 报错重复引入了咋解决 Disallow duplicate imports of maptalks version 1.0.3 and 1.0.3
| 信息类别 | 信息内容 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | 333 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 4.29 |
| 手机系统 | Android |
| 手机系统版本号 | Android 11 |
| 手机厂商 | 华为 |
| 手机机型 | 荣耀20 |
| 页面类型 | vue |
| vue版本 | vue2 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |

更多关于我用uni-app的renderjs就是不同的vue页面都引用maptalks 报错重复引入了咋解决的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于我用uni-app的renderjs就是不同的vue页面都引用maptalks 报错重复引入了咋解决的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在uni-app中使用renderjs时,多个页面同时引入maptalks确实会遇到重复加载的问题。解决方法如下:
- 使用全局变量方式: 在main.js中全局引入maptalks:
import maptalks from 'maptalks'
Vue.prototype.$maptalks = maptalks
- 在renderjs中使用全局变量:
renderjs: {
mounted() {
const maptalks = this.$ownerInstance.$vm.$maptalks
// 使用maptalks
}
}
- 或者在app.vue中通过provide/inject共享:
// app.vue
provide() {
return {
maptalks: require('maptalks')
}
}
// 子页面
inject: ['maptalks'],
renderjs: {
mounted() {
const maptalks = this.maptalks
// 使用maptalks
}
}

