• vue-baidu-map在IE下不显示的问题


    最近的Vue项目中使用到了百度地图,因只有一个页面使用到了该组件,所以选择局部引入组件(这时坑就来了)。

    在开发过程中向来是使用Google来进行调试的,这里都是一帆风顺,但是开发完在IE中打开时,

    bug出现了,点击导航按钮,页面竟然不显示!!!又试了下Firefox和Edge均正常!!

    无奈的按下F12,看看到底是什么问题,报错如下:

     对于这个error有点摸不到头脑,毕竟其他浏览器都正常,那可能是兼容性问题!

    看了下这个页面的代码,只是使用到了 vue-baidu-map 组件,于是把这个组件注释掉,发现页面正常了,似乎找到了头绪!

    找下文档看看是不是遗漏了什么?果然。。。。

     在文档中提及,局部注册时,需要安装loader:babel-polyfill,使一些浏览器支持ES6语法,这样还不够,还要确定是否命中了该组件库

    Vue项目在使用脚手架构建时,我已经配置了 babel,那这里为什么还是无效呢?这和 vue-baidu-map 文档中说要命中组件库有关,在项目中 babel 是可以处理根目录下除 node_modules目录外的文件的

    我们这里使用的是  node_modules 中的组件,所以未编译这里需要的文件,导致了页面不能显示,下面看下怎么转译一个依赖

     通过在 vue.config.js 的配置文件中加入此配置项即可!

    module.exports = {
      transpileDependencies: ['vue-baidu-map'],
    }

    配置完成,重启项目,页面就出来啦!

  • 相关阅读:
    python 创建文件夹
    Python利用pandas处理Excel数据的应用
    解决git rebase操作后推送远端分支不成功的问题
    LeetCode 1 两数之和
    LeetCode 70 爬楼梯
    LeetCode 11 盛水最多的容器
    LeetCode 283 移动零
    数据结构与算法 ---- 数组 -- Array
    跳表???
    自顶向下编程
  • 原文地址:https://www.cnblogs.com/spaortMan/p/13949369.html
Copyright © 2020-2023  润新知