vue在ie中报错，页面空白

最新推荐文章于 2022-12-24 00:45:08 发布
最新推荐文章于 2022-12-24 00:45:08 发布
阅读量208 收藏
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44910510/article/details/108469802
版权

在这里插入图片描述
在ie11中报语法错误，但是用了babel-polyfill插件以后，还是不起作用
1、可能是，某个插件版本过高，不兼容。
2、本项目中用到了vue-awesome-swiper，swiper插件，vue-awesome-swiper4.0以上的版本是不兼容ie的。于是降低到3.1.3版本后，swiper版本要对应的降低到4.0.7的版本。
3、引用的问题，在main.js里面引入
import VueAwesomeSwiper from ‘vue-awesome-swiper’
import ‘swiper/dist/css/swiper.css’
Vue.use(VueAwesomeSwiper)
问题解决

weixin_44910510
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-polyfill这个东西，而用vue脚手架搭建的项目是没有引入此工具的 引入方法： 打开packge.json，在dependencies中加入：”babel-polyfill” : “^6.23.0” 然后重新npm install 在App.vue文件中import：import  “babel-polyfill” 这样IE浏览器就显示正常了。 以上这篇快速解决Vue项目在IE浏览器中显示空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
vue在ie中页面空白
weixin_44348138的博客
03-30 509
vue在ie中页面空白（同时解决vue-baidu-map不显示问题） 公司项目需求需要处理浏览器兼容性问题，谷歌，搜狗，360安全，360极速都没有问题，但在ie中先出现vue页面不显示，问过度娘之后，项目解决步骤如下： 1. 使用vue-cli2.0在ie11中不显示问题（因为ie目前不支持es6语法，所以需要将es6语法转es5） 安装babel-polyfill npm install --save babel-polyfill 引入babel-polyfill 分三种引入方式： 在main.j
vue项目在IE浏览器显示空白页(es6语法兼容问题)
小蓝鲸的博客
09-14 1186
近期，在vue项目开发中，遇到了IE浏览器的兼容问题，页面显示空白，且控制台出现如下报错信息： 通过控制台输出的报错信息，定位到app.js文件的3797行代码，发现存在ES6语法。 问题来源： 由于IE浏览器不兼容ES6语法，需要使用Babel将其转换为向后兼容的 JavaScript 语法才能正常运行。 问题分析： 查看了package.json文件，发现关于babel编译所需的依赖均已安装完成，为什么app.js 中还会存在es6语法呢？ 于是，打开node_modules文件夹，定位到ansi-
Vue项目使用vue-awesome-swiper无法兼容IE浏览器
weixin_46000790的博客
12-10 3989
Vue项目使用vue-awesome-swiper无法兼容IE浏览器 1.卸载现有项目所依赖的swiper插件，手动安装 npm install --save-dev swiper@2.6.7 2.第一步操作完成之后应该可以在IE正常显示了，但样式和效果可能会出现问题，这是由于swiper5/4和swiper的用法略有差异。 详情参阅官方文档(https://www.swiper.com.cn/a...
Vue 2.0在IE11中打开项目页面空白的问题解决
08-29
Vue 2.0在IE11中打开项目页面空白的问题解决 Vue 2.0是一个流行的前端框架，然而在IE11中打开项目页面时，可能会出现空白的问题。这个问题的出现是因为Babel默认只转换新的JavaScript句法（syntax），而不转换新的...
vue点击页面空白处实现保存功能
10-16
在Vue开发过程中，有时我们需要实现特定的交互效果，例如点击页面空白处实现保存功能。这个功能常见于编辑表格等场景，允许用户双击表格行进行编辑，然后在点击其他非编辑区域时自动保存更改。以下将详细介绍如何在...
关于Vue在ie10下空白页的debug小结
08-27
在开发过程中，遇到Vue应用程序在Internet Explorer 10 (IE10) 下显示空白页的情况，这通常是由于浏览器兼容性问题或代码语法错误导致的。本文将深入探讨如何调试并解决此类问题。 首先，当IE10显示空白页时，...
vue-awesome-swiper报错
sinat_32017511的博客
08-05 700
这两天的一个个人项目里用到vue-awesome-swiper 这个插件，然后就按照官方局部引入了一下，然后就是一直报这个错， 咋咋都不好使，我也看了网上大家的引入教程，我觉得我引入的也没问题啊，最后今天早上我在看一个教程的时候，鬼使神差的把官方里边引入插件名的 swiper 和 swiperSlide 的手字母大写改成了小写，然后就好使了，就好使了，就这样就好使了........ 官方就这么给的，然后我改成了这样： import { Swiper, SwiperSlide } from..
解决vue项目在IE浏览器下运行空白
qq_43075191的博客
12-11 2782
问题1：vue项目在IE11下一片空白 原因： ·IE浏览器解析不了es6的语法，需要使用babel。但是Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。 解决： 1.在vue项目中安装babel-polyfill npm install --save-
Vue.js项目在IE11白屏报错
热门推荐
光脚丫思考的专栏
10-26 2万+
本文总结了Vue.js项目在IE11浏览器中白屏报错，不显示任何内容的问题原因，以及可能的几种的解决方案。
vue兼容IE11浏览器空白页等一系列问题之踩坑全过程
deciduous_leaves的博客
03-31 4600
兼容IE对于一个菜鸡前端来说，简直是噩梦般的存在。我先哭为敬！😭😭😭 好了，话不多说，摸索中解决问题之路即将开启，我们准备出发～👊（建议将文章全部看完之后再进行尝试，因为中间有很多尝试没有成功） 重要提醒： 1、改完代码记得清浏览器缓存，再去看结果，尤其是在坚信自己写得没错的时候，不行就把浏览器关了再打开（好几次都是清完缓存没反应，关了重新打开就好了，就很迷） 2、安装依赖时能用npm就别用cnpm，别问我为什么🙄️ 问题产生原因及解决思路：IE浏览器不能显示vue页面，主要原因是IE无法读取es
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误
Mr.小灰狼_随笔
12-24 9306
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误 这篇文章主要介绍了 Vue项目在 IE 浏览器显示白屏并报错 SCRIPT1002: 语法错误 的案例。 目录 一、关于 sockjs-client 依赖包 二、关于 highlight 依赖包 三、关于 swiper 依赖包 四、IE 不支持 ES6 语法 五、第三方插件引入导致 六、本地环境正常，生产环境仍旧白屏
Vue项目在ie浏览器下空白（es6语法兼容问题）ansi-styles报错
weixin_44370837的博客
03-21 2298
大家好，我是小梅，公众号：「小梅的前端之路」 原创作者。 作为在前端领域不断探索的一员，在此记录开发中遇到的问题，如果你也遇到了相同的问题，希望本文对你有帮助。 分页组件的粗糙实现： ❤️欢迎素质三连[点赞 + 收藏 + 评论] 我是小梅，有兴趣的话可以在微信搜一搜「小梅的前端之路」第一时间接收文章更新通知，一起沟通、学习成长呀。 ...
nuxt.js 中使用vue-awesome-swiper不兼容ie11
Rachel的博客
08-05 1513
问题： 在nuxt.js中使用vue-awesome-swiper 在ie11浏览器下报错，导致页面一片空白
vue在ie浏览器报错
catherine的博客
04-25 991
当报promise错的时候 需要 import "babel-polyfill";
vue项目兼容ie（页面空白、报错、不请求接口）
一只蠢村花的博客
03-29 4080
一、ES6和axios兼容 Vue 的核心框架 vuejs 本身，以及官方核心插件（VueRouter、Vuex等）均可以在 ie9 上正常使用。但axios和es6是基于promise的，ie不兼容promise，所以需要安装插件将语法转换成ie可以识别的。 下载 babel-polyfill，执行npm install babel-polyfill --save 然后在main.js中的最前...
解决swiper3.0版本在IE浏览器不兼容问题以及VUE箭头函数在IE浏览器里面不兼容
sunnyboysix的博客
08-08 5869
VUE箭头函数在IE浏览器不兼容 myArray.forEach(=>{ ..................... }     把=>改成function（xxx） IE不支持很多VUE的写法，自己可以参考一下ES6   swiper3.0版本在IE上兼容性很差的，公司最新的项目用了3.0的swiper在谷歌浏览器上OK，但是到了IE  9 10 11就没办法正常显...
slot 在vue 中报错slot="prefi
最新发布
07-12
在Vue中使用slot时，如果出现类似"slot="prefi"的报错，通常是因为你在使用slot时出现了语法错误。 在Vue中，使用slot时有两种方式： 1. 匿名插槽（Anonymous Slot）：这是默认的插槽，不需要指定名称。在父组件中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值