小程序引入腾讯地图报错

使用vue+ts的小程序项目,引入腾讯地图,最后报错为

default' is not exported by src/public/qqmap-wx-jssdk.js, imported by src/qq-Location.ts
at qq-Location.ts:2:7
  1: // 腾讯地图使用
  2: import QQMapWX from '@/public/qqmap-wx-jssdk.js'
            ^
  3: 
 (x6)// 引入SDK核心类,js文件根据自己业务,位置可自行放置

img

  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7459911
  • 这篇博客也不错, 你可以看下Vue2+Ts实战项目开发与项目优化(二)用户登录和身份认证
  • 除此之外, 这篇博客: 已有vue项目引入ts中的 踩坑点 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
    • 由于webpack和ts-loader版本不兼容,需要降低webapck或者ts-loader版本webpack 4.0
      使用ts-loader 8.2.0版本

    • 已有项目引入ts,需要把main.js修改为main.ts(热更新的时候 ts页面找不到引入的文件)

    • 类型上不存在属性

    • form表单验证

      // Property 'validate' does not exist on type 'Vue | Element | Vue[] | Element[]'  
      // 上面的链接解决不了可以使用下面的方法
      
      const formValidate:any = this.$refs
      formValidate[name].validate(async (valid:boolean) => {
        if (valid) {}
      })
      
    • 报错Could not find a declaration file for module xxx

  • 您还可以看一下 尹庆阳老师的手把手教你从0开始搭建一个vue项目课程中的 课程简介小节, 巩固相关知识点