vue 2.+ 创建的项目在ie或者360极速浏览器上运行 页面空白 解决方案

最新推荐文章于 2024-07-12 11:54:02 发布
最新推荐文章于 2024-07-12 11:54:02 发布
阅读量852 收藏 1
点赞数
分类专栏： ie 文章标签： ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38652871/article/details/102598885
版权

问题：
vue2.+的项目在360急速浏览器上运行空白，结果输出360极速浏览器内核是ie11 -.-!!!
难怪！！！
简单直接一点：
在项目的index.html里面直接引入：

<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>
喜大普奔⁶⁶⁶
关注
专栏目录
解决vue2.x在ie浏览器打开空白问题
蜗牛~~
12-06 5877
排查一： 先看看项目中是否安装并引入babel-polyfill这个东西，（Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码）。引入则跳过 vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-polyfill这个东西，而用vue脚手架搭建的项目是没有引入此工具的 引入方法： （1）安装 npm install --save babel-polyfill （2）修改webpack.base.conf.js app: ['babel-polyfill'.
vue 项目、vue-admin-ement项目 在IE、360兼容模式下为空白界面（最新解决方法、亲测有效）
mrliucx的博客
04-22 2692
问题 由于对element ui模板的一些配置文件进行删除，配置的js只留下vue.config.js剩余的都进行清除， 导致在IE以及360兼容模式下界面为空白 思路 控制台报的是SCRIPT1003: 缺少 ':' app.js (4519,1) ，这种错误主要看报错这行的开头与末尾，可以看到问题主要出现在哪个文件，如下图，大概可以看出入口配置文件（entry）无法转码导致界面无法正常访问，那么提到转码能联想到的就是babel-polyfill，另外一个需要在对入口配置转码命令。 解决 首先安装
vue项目在ie、360兼容模式页面显示空白问题
weixin_43915587的博客
05-20 6647
vue项目中，出现在ie与360兼容模式下打开页面呈现空白问题，如下： 控制台报main.js中语法错误~ 上网搜了一下，大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理 由于项目是使用webpack.config.js手动搭建，并未使用vue-cli脚手架，引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。 原因在...
vue2项目解决IE、360浏览器兼容问题
最新发布
weixin_40057800的博客
07-12 853
【代码】vue2项目解决IE、360浏览器兼容问题。
vue-cli2及以上创建的项目+element-ui+其他插件解决ie/360兼容模式打开空白页的问题
weixin_45064565的博客
11-18 630
1、引入 babel-polyfill 具体引入方法参考：参考链接 2、解决element-ui兼容问题 build文件夹下的 webpack.base.conf.js 在include里添加resolve('node_modules/element-ui/packages'),resolve('node_modules/element-ui/src') 3、设置默认ie版本 在index.html中添加 <meta http-equiv="X-UA-Compatible" content="I
VUE360浏览器访问空白的问题
yangwenjie12的博客
04-26 2965
VUE项目在本地npm run dev 后用360浏览器访问127.0.0.1:8080 可以正常访问。火狐谷歌浏览器都是没问题的。 然后通过npm run build 将构建的dist 放到Linux服务器的nginx下，用360浏览器不正常，一片空白。用火狐谷歌浏览器都是没问题的。 问题原因：有个知识点应该都知道——VUE不支持ie7和ie8。验证方法是用360的极速模式可以正常访问线上的...
解决vue项目在ie和360兼容模式下显示空白页问题
m0_59360516的博客
08-03 2986
记一次bug解决，项目不复杂，是一个基于vue-cli3搭建的pc端项目，之前开发都是在谷歌浏览器上运行的，但在开发进入到后半段，经理说，项目需要在360兼容模式下展示，这时候发现项目在360兼容模式下显示空白页，并且没有任何报错，第一次遇到这种问题，于是就去网上搜索找答案。...
vue2.x项目在IE游览器下不兼容问题的解决方案
XiaoBo_S的博客
03-16 3106
vue2.x项目IE游览器不兼容的解决方案
vue 项目兼容IE浏览器和360浏览器
ishell1021的博客
06-30 1807
vue项目在IE浏览器和360兼容模式显示空白解决方法 1.安装babel-polyfill 模拟ES2015以上的环境，主要用于对ES6新语法不支持的浏览器. 安装:npminstallbabel-polyfill--save-dev 配置: main.js在最顶部添加,确保全面加载 import'babel-polyfill' webpack.base.conf.js中 app入口添加"babel-polyfi...
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 4791
vue2，Syntax Error: TypeError: this.getOptions is not a function，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错this.getOptions is not a function，vue2怎么解决npm run serve时的Syntax Error: TypeError: this.getOptions is not a function爆红报错，Vue - Synt
解决vue项目在ie、360兼容模式下空白页面问题
ls1850147551的博客
04-22 2422
完美解决vue项目在ie、360兼容模式下空白页面，并提示语法错误的原因艰难路程解决办法 艰难路程 事实上，很多人在做项目的过程中很多存在同一个问题，于是去百度了，但是用同样的解决方法不一定就能解决问题。本人菜鸟一枚，以至于看了很多博文，一个一个去试过，结果很多都是因为项目的差异性导致了不成功。 此博文用于记录解决问题，用于参考。 解决办法 总所周知，ie和360兼容模式是神坑，相信做过开发的都知道，这俩玩意不合群，常常是别的浏览器能正常，它俩就对你爱理不理，下面提供一些棍棒教育的方法： 需要下载对应的支
Vue项目 IE/360浏览器兼容模式下打开空白的问题
weixin_33809981的博客
04-10 4881
记一次bug解决 bug发现 项目不复杂,就是一个基于vue-cli3搭建的pc端项目 在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq浏览器上也遇到过,因为当时写的是移动端项目也就没在意 网上搜索找到的答案几乎都是Promsie的兼容问题,给出的解决方案是babel-polyfill,script标签引入也好,main.js引入也...
vue-cli项目在IE模式下（360兼容模式）无法打开
bocaidada的博客
01-18 2339
安装babel-polyfill npm install babel-polyfill --save-dev webpack.config.js配置文件中做相关修改： entry: { app: [&quot;./node_modules/babel-polyfill/dist/polyfill.js&quot;, &quot;./src/main.js&quot;] }, ...
vue项目兼容ie浏览器(出现白屏)
weixin_45526332的博客
08-26 867
vue项目兼容ie浏览器(出现白屏)
【无标题】react umi项目在谷歌，火狐，360极速模式打开正常，360兼容模式打开页面空白，报错SCRIPT1002：‘语法错误’，SCRIPT1003: 缺少 ‘:‘
weixin_41458007的博客
08-11 1150
react umi 浏览器兼容 IE低版本
vue项目在IE浏览器和360浏览器的打开空白屏
qq_41609134的博客
12-19 728
1、样式问题 如果你的样式原本好好的，安装完依赖之后发现css路径有问题或者样式不对劲的，说明重装的依赖版本不对，手动更改 package.json 里面 dependencies => element-ui 版本号再次安装，样式恢复，问题解决。 2、兼容问题 vue 项目在谷歌浏览器和火狐浏览器打开都是正常显示，但在IE浏览器和360浏览器兼容模式下打开空白屏，打开调试发现报错，报的...
代码怎么在浏览器打开_360浏览器打开后出现白屏怎么办？三种解决方法教给你...
weixin_42352222的博客
01-15 448
　　平时我们在使用电脑的过程当中，像360浏览器这样的软件是我们电脑上必不可少的工具，因为我们往往会需要使用这样的浏览器软件，来实现日常的内容搜索查找以及视频、资讯的观看。　　而在使用360浏览器的过程当中，难免会遇到一些小问题。就比如说360浏览器打开后我们通常都需要一段等待时间，但是有的时候等待了好长一段时间后，360浏览器显示白屏，此时我们遇到了这个问题该怎么解决呢？下面小编就来为大家总结一...
vue项目打包后在360极速浏览器下运行报错：Uncaught SyntaxError: Unexpected token ，请问如何解决
04-28
这种错误通常是因为在打包过程中，某些文件没有...4. 如果上述方法都不能解决问题，可以尝试使用其他浏览器或者将代码还原到未压缩状态，查看具体的错误信息，以便更好地定位问题。 希望这些方法能够帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值