vue-devtool中使用mapbox报错问题

241 阅读1分钟

image.png

只是开发环境报,生产不会,或者你不要点控制台里的Vue选项也不会。 是不是很难受😣,反正我是很难受!

解决方法:


// 防止 vue-devtool中的vuex中的判断 出错 把mapbox的实例识别为map类型进行处理
class Map2 extends mapboxgl.Map {
  constructor(options) {
    super(options);
  }
}

// 调用
const map = new Map2()

解决过程:

报的原因是mapbox里面的类名正好也叫Map,然后和正常的Map名字冲突了,看图你就明白了!

原因:

image.png

过程:

击点 backend.js:12434:14 查看报错!

image.png

打个debugger看这个东西在哪,并点去查看

image.png

看图片中的name 其实它的真名叫kindOf

image.png

然后是里面的ctorName方法

image.png

然后就一路Map这个string返回了 这这这,这不就是图一的那种吗.....