解决vue项目在ie浏览器下白屏问题；ie运行项目报正在兼容性是图中运行，因为选中了“在兼容性视图中显示Intranet站点”

最新推荐文章于 2023-08-24 12:51:18 发布
最新推荐文章于 2023-08-24 12:51:18 发布
阅读量1.5k 收藏 2
点赞数
分类专栏： 兼容 vue 文章标签： ie下白屏 兼容ie白屏问题 兼容性视图中显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i_am_a_div/article/details/109055668
版权
vue 同时被 2 个专栏收录
109 篇文章 5 订阅
订阅专栏
兼容
5 篇文章 0 订阅
订阅专栏

  • 如果已经配置了babel-polyfill，在ie下依然白屏，打开控制台刷新，看看是否报 正在兼容性是图中运行，因为选中了“在兼容性视图中显示Intranet站点”

  • 如图
    在这里插入图片描述

解决方案

  • 在ie浏览器—设置—兼容性视图设置（B）
  • 在这里插入图片描述
  • 再重新打开项目即可
  • 或参考此篇
i_am_a_div_日积月累_
关注
专栏目录
解决vue2.x在ie浏览器打开空白问题
蜗牛~~
12-06 5892
排查一： 先看看项目中是否安装并引入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项目兼容ie11问题解决方案
热门推荐
筑梦人的博客
06-13 1万+
谷歌浏览器浏览正常,但是在ie11浏览器,qq浏览器(兼容模式),360浏览器(兼容模式),总是登录不了页面,有时能登录页面但是部分页面总是加载不出来,出现白屏现在,看控制台报出语法错误,但是项目中明明已经引入了, 有的页面还是提示语法错误,根据控制台提示还是提示语法错误,查看build完的js文件里面还是有es6语法,导致ie11不识别,检查关键字为element-ui关键字,于是解决方案...
禁此 IE 在本地 Intranet 站点中启用「兼容模式」
weixin_30254435的博客
05-21 190
设置过程比较简单，参考资料：http://blogs.msdn.com/b/askie/archive/2009/03/23/understanding-compatibility-modes-in-internet-explorer-8.aspx 我们只需要在工具栏中找到 工具->兼容性视图设置，打开设置菜单之后取消 在兼容性视图中显示 Intranet 站点 即可。 {图片来自 ...
vue项目在ie浏览器白屏不显示问题
weixin_43655409的博客
11-15 1988
以下是我在开发中所遇到的ie兼容问题，原因有以下几种 1.是否有使用localStorage的相关插件，ie对localStorage的支持不是很好。基本的原生方法可以使用，但如果过于复杂繁琐就会出问题。可以试着把相关的localStorage先注掉，看项目在ie浏览器是否可以运行来确定问题出在哪。 2.crypto-js最新版本不兼容，这个插件是对密码和信息加密用的。我开始用的是4.1以上的最新版本，ie直接白屏。其它项目用的4.0.0的版本在ie中就可以正常显示。后来我换成4.0.0版本的还是不行。
兼容性视图html页面,浏览器兼容性视图设置在哪
weixin_42117116的博客
06-07 6739
浏览器兼容性视图设置在浏览器右上角的设置里，设置方法如下：方法11、首先，打开电脑，找到电脑桌面上的IE浏览器，并点击打开，打开后，进入任一网页，找到页面右上方的的设置图标，如下图所示，点击。2、点击这个设置图标后，会展开下图所示的选项，请找到下方的F12开发人员工具(L)，并点击进入。3、这时候，浏览器下方会出现一个设置框，找到“浏览器模式”选项，点击，然后找到下方的“兼容性视图”勾选并确认，I...
Vite 如何兼容老版本浏览器，解决浏览器无报错但打开空白
wuzhangting的博客
08-24 1513
最近一个医院的项目，遇到有些电脑能访问web页面，有些电脑无法访问。最后发现是浏览器版本不一样，老的浏览器版本不能正常访问，而新的浏览器可以访问。因为医院是内网环境，电脑数量又比较多，所以没办法一一去升级浏览器版本。来兼容老版本的浏览器。该插件可以为你的Vite项目生成适用于老版本浏览器的传统的基于ES5的构建包。npm iterser -D ，如果不安装的话可能打包时会出错。找了一些资料后得知可以使用。
在FirFox下正常而在IE下不显示的问题
攀升·Lislie
01-28 1288
    有时候，这样的问题会耽误你很多时间：    下面这个例子 —— 页面上一个按钮，点击后，js输出“1111”提示框。在FixFox下没有任何问题，但在IE下，连按钮都显示不出来：html>head>    script type="text/javascript" src="a.js" />head>body>    input type="button" onclick="O
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
总的来说，解决Vue项目在IE浏览器中显示空白的问题，关键在于确保项目中的现代JavaScript代码能够被老旧浏览器理解并执行。通过引入`babel-polyfill`和其它必要的垫片库，我们可以使Vue项目在更广泛的浏览器环境中...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
10-17
总的来说，解决 Vue-cli3 项目在旧设备和浏览器上的兼容性问题，关键在于使用 Babel 进行代码转换，并通过 polyfill 提供那些不被支持的原生 JavaScript API。通过正确配置项目构建流程，我们可以确保项目能在更广泛...
vue项目ie上白屏,报语法错误,chunk-vendors.js
最新发布
09-08
当vue项目在IE浏览器中出现白屏的问题...以上是一些常用的解决方法，可以尝试一下来修复vue项目在IE浏览器中白屏和报语法错误的问题。另外，建议将vue项目的兼容性目标设置为最低支持IE11以确保在IE浏览器中正常运行。
VUE解决IE浏览器白屏问题
专注于技术开发、项目管理
04-10 3395
目录问题现象解决方案 问题现象 vue项目本地或部署到服务器，所有浏览器都可以打开，除了ie浏览器，ie浏览器打开白屏： 报语法错误。 解决方案 参考网上已有方法，详细步骤请自行网上搜索： 1、安装 babel-polyfill npm install babel-polyfill 2、在main.js中引入 import 'babel-polyfill' 3、 修改配置 webpack...
IE调试网页之四：F12 开发人员工具控制台错误消息 (Windows)
weixin_33774308的博客
02-27 1196
F12 工具控制台可以报告在运行时期间发生的错误和信息消息。本文将介绍错误消息，并提供有关如何修正这些错误的建议。 简介 F12 工具控制台错误消息提供了一些代码（例如，SEC7111 或 HTML1114），这些代码提供有关错误的信息。这些代码和消息显示在 F12 工具的“控制台”和“脚本”选项卡中。对于 JavaScript 编程人员来说，这些代码是从 Windows Intern...
vue 项目上线后，页面空白但不报错的问题（缓存问题）
CS饭 的博客
07-01 5953
vue 项目从 pre 环境上到正式环境后，在一些同事电脑中出现问题。在一个同事电脑的 chrome 浏览器中，从租户切换到管理员账户后，点击侧边栏，逐个进入新开发的页面（新增加的路由、新增加的页面），页面空白没有任何内容，但是控制台中没有任何报错，必须刷新一下才有内容。且该问题只在他的 chrome 浏览器中出现，其他浏览器没有问题。在另一个同事电脑中，不用切换账户、不用退出登录，关掉当前页面后，重新从该项目入口进入后，点击侧边栏中的新开发页面，也出现页面空白问题，刷新浏览器后页面正常。在其他一些人的电脑
html设置ie兼容性视图,ie兼容性视图设置在哪_ie兼容性视图如何设置
weixin_28753691的博客
06-15 1375
许多用户在升级操作系统之后，里面自带的ie浏览器也会跟着一起升级，然而有些网站可能需要使用低版本的ie浏览器才可以打开，该怎么办呢，其实我们只要设置ie兼容性视图模式就可以了，不过很多用户可能还不知道ie兼容性视图设置在哪，为此，小编这就告诉大家ie兼容性视图的详细设置方法。步骤阅读工具/原料IE浏览器方法/步骤11、在Windows10系统桌面，我们依次点击“开始/Windows附件/Inter...
F12 开发人员工具中的控制台错误消息
deng0004的博客
11-05 3988
使用此参考解释显示在 Internet Explorer11 的控制台 和调试程序中的错误消息。 简介 使用 F12 开发人员工具进行调试时，错误消息（例如 EC7111 或 HTML1114）将显示在控制台和调试程序工具中。 我们在此处列出了常见的控制台错误代码及其关联消息。我们还提供了更多详细说明和/或建议，用于在适当位置修复该问题。尽管该表中的说明向你提供了问题调试的起点，...
Vue在IE兼容模式下白屏解决方案
如需咨询可联系我，V：chen2318341674
09-21 1299
Vue在IE兼容模式下白屏解决方案
vue项目页面空白但不报错产生的原因分析
qq_60976312的博客
08-04 1万+
vue项目页面空白但不报错产生的原因分析
IE白屏修复，vue 兼容IE
Yseventeen
04-25 2537
白屏报错：SCRIPT5022: SecurityError 主要原因应该是代码中有es6语法，IE解析错误，如果代码中没有就排查是不是引入的第三方插件中含有es6 语法； 排查方法： 1.回忆最近导入的包，先注释掉看看是不是该文件引起的 2. main.js 将引入的包一个一个注释排出看看是哪个文件导致的； 3. 引入 babel-polyfill，转化es6 语法，可以配置转化node-module 引入的包； 4. 找...
vue项目在ie浏览器中不加载js
05-01
在Vue项目中，有些特定的JS语法在IE浏览器中无法正常加载，导致...综上所述，对于Vue项目中在IE浏览器中不加载JS的问题，需要我们对ES6语法进行兼容处理、引入Polyfills、使用IE封装的Axios等一系列解决方案来解决。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值