html中使用VUE时IE不兼容,vue2.x遇到ie11不兼容的坑_weixin_39771969的博客-程序员信息网

技术标签: html中使用VUE时IE不兼容  

有个b端项目,使用vue2.x搭建,在ie11 浏览器打开网页显示空白,控制台提示'语法错误'、'不支持defineProperty...'、'无法获取未定义或 null 引用的属性“call”'等等。

不支持defineProperty...

这个问题可能是浏览器仿真模式选了 ie9 以下版本,纯属失误。

b4c59657747d0745ff5f8ffe893133a8.png

解决方法:设置成ie11

无法获取未定义或 null 引用的属性“call”

1a4494af4f61aac893ec2449727b5a97.png

29a34f09ee81ea5c26a45e226ef69ccc.png

7ffc06364bbd9aed4ac9ea09e39c0ad6.png

查看报错信息,查找错误出处,项目中使用了 muse-ui、muse-ui-progress,muse-ui是基于bootstrap的,所有上面报错提示了bootstrap。

Vue使用了ES6语法,而IE浏览器不支持,需要将es6转成es5,项目中已经按照了muse-ui官网配置了.babelrc,不兼容ie的话,那就不用muse-ui。

解决方法:卸载muse-ui

兼容ie

1、 安装插件babel-polyfill

npm install --save-dev babel-polyfill

2、在main.js引入

import 'babel-polyfill'

3、配置webpack.base.conf.js

module.exports = {

context: path.resolve(__dirname, '../'),

entry:{

app:'./src/main.js'

}

}

改成:

module.exports = {

context: path.resolve(__dirname, '../'),

entry: ["babel-polyfill", "./src/main.js"]

}

语法错误

8fec0773e3974737f4d2e4216b0e5b5d.png

查找错误出处,看控制台调试程序,发现node_modules/swiper报错,swiper5不兼容ie11。

安装兼容ie的版本[email protected]

npm install --save-dev [email protected]

不建议使用npm安装[email protected],建议下载到本地,头部引入js文件和css文件。

解决方法:卸载swiper5,组件内清除干净swiper的引入,包括css。下载[email protected],头部引入方式引入js和css。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39771969/article/details/118204286

智能推荐

CStdioFile的用法_cstdiofile包含哪个头文件_不见加菲的博客-程序员信息网

关于CStdioFileCStdioFile继承自CFile,一个CStdioFile 对象代表一个用运行时函数fopen 打开的C 运行时流式文件。流式文件是被缓冲的,而且可以以文本方式(缺省)或二进制方式打开。文本方式提供对硬回车—换行符对的特殊处理。当你将一个换行符(0x0A)写入一个文本方式的CStdioFile 对象时,字节对(0x0D,0x0A)被发送给该文件。当你读一个文件时

算法系列之十二:多边形区域填充算法--扫描线种子填充算法_wu_wenhuan的博客-程序员信息网

1.3扫描线种子填充算法        1.1和1.2节介绍的两种种子填充算法的优点是非常简单,缺点是使用了递归算法,这不但需要大量栈空间来存储相邻的点,而且效率不高。为了减少算法中的递归调用,节省栈空间的使用,人们提出了很多改进算法,其中一种就是扫描线种子填充算法。扫描线种子填充算法不再采用递归的方式处理“4-联通”和“8-联通”的相邻点,而是通过沿水平扫描线填充像素段,一段一段地来处理“4

ZCU104--------PYNQ上手笔记 | ① 启动Pynq_乔布斯zero的博客-程序员信息网

今天刚刚到手一块ZCU104。要得,开干。PYNQ项目是一个支持Xilinx Zynq器件的开源软件框架,目的在于借助Python降低Zynq嵌入式系统开发门槛,有丰富的组件:可编程逻辑的控制 Jupyter Notebook接口 预安装的Python库 网络/USB/UART接口要使用Pynq,需要Pynq image和Zynq芯片,目前Pynq项目支持三个板:Digilent的Pynq-Z1 TUL的Pynq-Z2 Xilinx的ZCU104参考教程Pynq入门指南Get.

基于qemu-riscv从0开始构建嵌入式linux系统ch16. Framebuffer显示设备_virtio-blk-device_Quard_D的博客-程序员信息网

基于qemu-riscv从0开始构建嵌入式linux系统ch16. Framebuffer显示设备virtio-gpu-device本节我们给qemu添加一块虚拟的显示设备,方便后面研究一些GUI的应用。由于之前我们向系统添加了8组virtio-mmio设备,并且挂载了virtio-blk-device作为文件系统存储设备,这次我们再添加virtio-gpu-device设备:$SHELL_FOLDER/output/qemu/bin/qemu-system-riscv64 \-M quard-st

C++递归法解决八皇后问题的超详细解答_八皇后问题c++递归_gyros的博客-程序员信息网

博主初学C++数据结构与算法(清华大学出版社)第四版,由于程序清单5-2没有详细解答且代码不完整,思考了一个早上才恍然大悟,深感自己阅读代码以及写代码能力的不足,并在此记录,同时也希望也能帮到有需要的人!1、什么是八皇后问题?在8×8格的国际象棋上摆放八个皇后,使其不能互相攻击,即任意两个皇后都不能处于同一行、同一列或同一斜线上,问有多少种摆法。例如下左图所示:可见,每个皇后所处...

Python基础047:Pycharm debug时设置断点但是不起作用怎么回事?_python子线程debug断点不起作用_惊鸿若梦一书生的博客-程序员信息网

**问:**在调试程序的时候断点设置了,但是在debug的时候并没有停在断点处,而是直接执行完了整个程序,这是怎么回事呢?**答:**实际上你不小心选中了Mute Breakpoints,使得断点不起作用了。若要断点起作用只要取消选中即可。如下图所示:...

随便推点

想练习SQL又没有数据库环境?这几个可以在线练习SQL的网站满足你_sql在线练习网站_Lvshen的技术小屋的博客-程序员信息网

如果你想练习SQL,恰巧你的电脑没有SQL环境,那么下面几个在线练习SQL的网站肯定能满足你的需求。TiDB“地址:https://tour.pingcap.com/”作为在2019 TiDB 黑客马拉松中斩获二等奖的项目,TiDB-Wasm 的诞生是WebAssembly (Wasm),[Golang]语言以及TiDB 社区碰撞结合的产物,旨在为用户提供一个可以轻松实验 SQL 语句,使用 MySQL 查询测试 TiDB 的 SQL 兼容性的方式。以命令行的形式展示。SQL F

结对编程之效能分析_Ensheng Shi的博客-程序员信息网

作业三 文本文件中英语单词的频率作业要求:项目git地址:Assigment3_of_ASE作业简介step0-输出某个英文文本文件中 26 字母出现的频率,由高到低排列,并显示字母出现的百分比,精确到小数点后面两位step1:输出单个文件中的前 N 个最常出现的英语单词。step2: 支持 stop wordsstep3: 我们想看看常用的短语是什么, 怎么办呢?step...

vue,js书籍_您应该阅读的十大Vue JS书籍_cuk5340的博客-程序员信息网

vue,js书籍 Vue JS书籍 (Vue JS Books)Vue is a progressive framework for building user interfaces. Vue是用于构建用户界面的渐进框架。 The core library is focused on the view layer only, and is easy to pick up and integr...

E - Cover it!_dieche3140的博客-程序员信息网

图的染色问题,也就是图的遍历,比赛的时候以为要求最小的染色点,所以没啥思路,下来发现是没有要求的,那直接遍历就行了。数据很大,需要做好dfs的优化,要不会TTTTTTTTT! 1 #include <bits/stdc++.h> 2 using namespace std; 3 int t; 4 const int MAXN=2e5+10; 5 vec...

GDAL 编译(转)_fanwenyuan_fwy的博客-程序员信息网

一、简单的编译1、使用VisualStudio IDE编译首先进入GDAL的源代码目录,可以看到有几个sln为后缀的文件名,比如makegdal10.sln,makegdal80.sln,makegdal71.sln,makegdal90.sln 。这些文件是VisualStudio的工程文件,后面的数字对应的VS的版本号,71表示的VS2003,80表示VS2005,90表示VS

Servlet (四) --- 用Jsp和Servlet写一个注册页面_用jsp和servlet做注册页面_树叶过河 Z的博客-程序员信息网

注册要求:一个注册页面username (文本框)password:密码 (密码框)passwordYes :再次输入密码(密码框)hobby (多选框)sex (单选框)info (文本域)servlet处理注册信息,判断两次密码是否相同相同则跳到成功页面不同则注册失败,重定向到注册页面成功页面显示登陆成功的用户名,密码,爱好,性别和信息;显...

推荐文章

热门文章

相关标签