解决vue项目在ie中打开显示空白问题

最新推荐文章于 2025-04-29 16:51:58 发布
最新推荐文章于 2025-04-29 16:51:58 发布
阅读量583 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： js vue HTML5 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qaakd/article/details/114368142
本文介绍了一个常见的JavaScript加载失败问题及其解决方法。通过安装并使用babel-polyfill，可以在不支持某些现代JavaScript特性的环境中运行代码。文章详细介绍了如何在项目中引入babel-polyfill。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这是由于js没有加载

解决方法：

1、npm i babel-polyfill

2、在APP.vue 文件中引入，语句为 import  "babel-polyfill"

解决vue2.x在ie浏览器打开空白问题
蜗牛~~
12-06 6146
排查一： 先看看项目中是否安装并引入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项目在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下显示空白问题
大桶爆米花eee
07-21 312
解决办法： 1. npm i babel-polyfill 2.将webpack.base.config.js中将入口修改为 entry: { app: ['babel-polyfill','./src/main.js'] }, 3.在main.js中引入 import "babel-polyfill";
Vue项目兼容IE浏览器
最新发布
qq_70546613的博客
04-29 829
*可兼容IE内核的浏览器：**360浏览器、edge浏览器。
vue系列之----项目在ie浏览器中空白
hyduan_h5的博客
09-03 3152
具体现象 问题原因 IE9-IE11 不兼容ES6语法，promise语法 问题解决 方法一 下载安装包babel-polyfill npm i babel-polyfill 在main.js中引入babel-polyfill import babelPolyfill from 'babel-polyfill ' Vue.use(babelPolyfill) 修改webpack.base.conf.js entry: { app: ["babel-polyfill",
vue项目在ie浏览器中打开空白问题
H-L的博客
10-30 1139
vue项目运行编译，发现在IE浏览器一片空白，解决方法： 1、安装babel-polyfill： npm install babel-polyfill --save-dev 2、在main.js文件中引入：import'babel-polyfill' 3、在webpack.base.config.js中将entry中的app:./src/main.js'改为下面格式 entry:{ app:['babel-polyfill','./src/main.js'] }, 4、重新...
Vue 2.0在IE11中打开项目页面空白的问题解决
08-29
Vue 2.0在IE11中打开项目页面空白的问题解决 Vue 2.0是一个流行的前端框架，然而在IE11中打开项目页面时，可能会出现空白的问题。这个问题的出现是因为Babel默认只转换新的JavaScript句法（syntax），而不转换新的...
新建vue2项目在ie上显示空白的解决办法
YQ_DXM的博客
07-14 678
解决办法修改四处代码 1.在package.json处 2.在vue.config.js中 3.在babel.config.json中 4.在main.js处
vue项目在IE下显示空白打不开问题
a378113472的博客
10-09 1022
近期遇到了项目是vue做的，在IE浏览器下打不开，显示空白问题，解决方案如下： 打不开的原因是因为少了babel-polyfill处理器，所以第一步需要下载： npm install babel-polyfill --save-dev 第二步在package.json文件中显示： 第三步引入babel-polyfill： 在main.js文件中引入babel-polyfill，也就是加一行： i...
解决vue项目在ie浏览器打开空白问题
txw1008的博客
07-31 1711
解决vue项目在ie浏览器打开空白问题 下载安装 在webpack.base.conf.js中修改如下信息： 在src/main.js中import "babel-polyfill" 重新运行后打开，成功
Vue 做的项目在IE下面打开一片空白解决方法
w36680130的博客
08-20 158
Vue 做的项目在IE下面打开一片空白解决方法
vue在ie中页面空白
weixin_44348138的博客
03-30 584
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浏览器中显示白屏问题（亲测可用）
永远热爱前端
12-08 1478
vue项目在chrome浏览器上可以正常访问，但是在IE浏览器打开显示空白
VUE兼容ie，解决IE下页面空白，不显示内容的问题
qq_37348087的博客
07-10 1304
VUE兼容IE8以上，亲测有效 前段时间做了Vue的项目，最后发现不兼容IE，在IE下不显示页面，一片空白，没有内容，经过网上查找，终于找到解决办法！ 废话不多说，直接上菜… 首先，在页面引用的js文件中引用"babel-polyfill 之后在配置文件中进行如下修改 执行上述操作后我的项目就可以在IE下正常访问了！ ...
Vue项目兼容ie9+，浏览器空白报错
weixin_54893133的博客
01-27 813
文章目录项目背景基本配置ie调试仍空白解决办法其他兼容问题总结总结 项目背景 ​ 项目采用vue全家桶和elementUI等插件技术，vue框架默认不支持ie8及以下，ie9+需要安装babel-polyfill插件，将项目中的es6语法转换为目标浏览器兼容的低版本语法。 注意：使用Webpack版本要高于2.6.1 基本配置 ie调试空白：babel-polyfill已配置，可跳过此节 axios对promise进行兼容，可以只用es6-promise 先安装： np
Vue项目在ie浏览器中显示白屏优化提示
Yongqiang Chen的博客
01-10 619
在工作中用到Vue开发项目，用户在IE浏览器打开页面，结果显示空白屏。作为开发者当然知道是浏览器版本过低导致语法不支持，但是用户不知情的情况下显示空白屏就很不友好。var str = "你的浏览器版本太低了，已经和时代脱轨了！var str2 = "推荐使用:谷歌（Chrome）浏览器";
Vue.js 框架兼容 Internet Explorer (IE) 浏览器指南
qq_42072014的博客
08-06 1691
通过以上步骤，你现在已经了解了如何确保Vue.js应用在IE11浏览器上正常运行。需要注意的是，支持IE可能会增加额外的工作量，尤其是在处理一些现代Web API时。如果可能的话，考虑逐步减少对IE的支持，转而专注于现代浏览器，以简化开发流程并提高应用性能。
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符
Mr.小灰狼_随笔
07-07 3604
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符 背景 ：Vue2 项目在谷歌浏览器运行好好的，在 IE 浏览器打开就会出现各种的问题。。
Vue 2.0在IE11浏览器中遇到页面空白问题，应如何通过Babel和Webpack配置添加必要的polyfill来解决？
11-06
当Vue 2.0项目在IE11浏览器中打开时出现页面空白问题，通常是由于IE11对ES6及更高版本的JavaScript特性支持不足，尤其是Promise、Iterator、Generator等新特性。Vue 2.0使用了这些特性，但是默认的Babel编译器并没有...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qaakd

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值