webpack打包vue项目IE报错,“对象不支持“use”属性或方法”
问题:“对象不支持“use”属性或方法”
最近一个项目在IE10下遇到了问题,在此记录下解决方案。
首先IE下报错“对象不支持xx属性或方法”,意思就是代码中用了某个IE下没有的属性或方法,我们可以查看详细堆栈信息。
可以看到错误具体位置是这个文件的6:112699位置。
由于代码是压缩的,手动格式化后再看,这样看来就是tt这个对象没有use方法了,在IE10下加个debugger再看
果然tt.use为undefined,所以报错了。但是在IE11下并没有报错,接着在IE11下加个debugger再看
发现tt.__proto__.use方法是存在的,IE的调试工具不太直观换成chrome再看看
可以发现确实有一个tt.__proto__.use方法,所以可以得出结论,在IE11和chrome下,tt通过访问到了原型链上的use方法,进一步查资料发现IE10是不支持__proto__属性的,所以问题的根源找到了。
经过分析,此处代码应该是swiper中的,因为我在项目中引入了vue-awisome-swiper,而vue-awisome-swiper只是封装了swiper插件,所以还得去swiper代码下找,最后找到了node_module下的swiper目录
发现swiper使用了__proto__实现继承,定位到此处的代码,可以发现此处的if就是兼容IE10不兼容__proto__的,而这个if判断在build后丢失了,我猜测可能是由于babel6默认不支持IE系列,所以默认__proto__是存在的,而兼容__proto__的判断代码直接去掉了。
解决方案:引入polyfill
最后引入了这个polyfill解决了此问题,https://www.npmjs.com/package/proto-polyfill。
使用方法:在webpack入口文件的最上方引入即可
import 'proto-polyfill'
完。
转载于:https://www.cnblogs.com/tgxh/p/8927260.html
webpack打包vue项目IE报错,“对象不支持“use”属性或方法”相关推荐
- vue 在IE11中报错 “对象不支持“assign”属性或方法”
一.ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser Promise为ES6语法,有的浏览器不支持ES6, ...
- ie浏览器报错对象不支持此属性或方法
问题描述:web应用在本地用tomcat启动没有问题,部署到测试环境的was上,当点击一个Ext按钮时,页面报"对象不支持此属性或方法",页面使用的是jsp. 解决方法:登录测试环 ...
- 关于js调用ocx控件报错对象不支持此属性或方法的解决方法
在web中用js调用ocx时有两种方法,第一种,动态调用: 1,用名称调用,var ocx=new ActiveXObject("JITDSIGN.JITDSignCtrl.1") ...
- IE浏览器“对象不支持slice属性或方法”的解决办法
问题描述: 在用echarts做地图的时候,城市是用坐标确定的,兼容IE11的时候报错对象不支持slice属性或方法,根据网上教程配置internet选项没有解决问题 解决方案: 在报错的地方打断点, ...
- 对象不支持此属性或方法
环境:myeclipse6.0+struts2.2.1 jsontest.jsp内容如下 <%@ page language="java" contentType=" ...
- IE浏览器 对象不支持replaceAll属性或方法
var deptData = data.replaceAll('\u002E', '"') 这样写Chorme浏览器中可以正常运行,ie报错对象不支持replaceAll属性或方法 更改为v ...
- 解决IE10以下对象不支持“bind“属性或方法
IE10一下的浏览器,如果在JS代码中用了bind函数,那么就会报"SCRIPT438: 对象不支持"bind"属性或方法" 因为浏览器没有提供这个参数的方法, ...
- webpack打包vue项目之后dist文件夹在本地跑起来
webpack打包vue项目之后dist文件夹在本地跑起来 转载为:https://blog.csdn.net/u014054437/article/details/79981307 谢谢博主 亲测, ...
- 使用webpack打包vue项目
使用webpack打包vue项目 安装webpack工具,安装方式有两种:全局安装(命令:npm install -g webpack webpack-cli)以及安装在项目中,这里使用第二种: // ...
- 解决vue项目格式报错问题_@jie
vue项目格式报错问题: 简述问题:写项目过程中格式一直报错,如下图: 第一步:在项目根目录下创建名为vue.config.js文件,如下图: 第二步:js文件中的内容,如下图: 代码如下: modu ...
最新文章
- JS鼠标滚轮事件详解
- html表格高度适应屏幕,Table的自适应高度
- activemq 开启监听_SpringBoot集成ActiveMQ怎么实现Topic发布/订阅模式通信?
- 飞鸽传书联系企业内部管理机制
- ls -l的功能是什么linux,Ls - Linux Wiki
- 从另一页面调用html代码_GNE v0.1正式发布:4行代码开发新闻网站通用爬虫
- PowerShell中远程管理简单配置
- ffmpeg命令:pcm和wav转换
- Python爬虫:爬取某易云音乐歌曲
- 淘特淘宝淘金币助手软件,每天自动完成任务领取淘金币
- Python量化学习笔记04——量化投资——以Python为工具 Part01-C04
- FPGA 等效门数的计算方法
- ping 不通 华为三层交换机vlan_华为三层交换机VLAN间路由怎么设置
- undefined运算
- 计算机找不到wf连接,笔记本wifi功能消失了 电脑wifi连接没了 电脑的wifi不见了...
- mysql重置所有表_清空mysql指定库里所有表数据
- MT6737 PCB设计指南资料分享
- python -- 计算 平方,乘方,平方根
- AI又进化了,突破性革命来了!
- idea将web项目打包成war包并部署到服务器上运行