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

JS加载问题与babel-polyfill解决方案
最新推荐文章于 2024-08-06 14:05:31 发布
原创 最新推荐文章于 2024-08-06 14:05:31 发布 · 604 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍了一个常见的JavaScript加载失败问题及其解决方法。通过安装并使用babel-polyfill，可以在不支持某些现代JavaScript特性的环境中运行代码。文章详细介绍了如何在项目中引入babel-polyfill。

这是由于js没有加载

解决方法：

1、npm i babel-polyfill

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

解决vue2.x在ie浏览器打开空白问题
蜗牛~~
12-06 6207
排查一： 先看看项目中是否安装并引入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项目兼容ie9+，浏览器空白报错
weixin_54893133的博客
01-27 844
文章目录项目背景基本配置ie调试仍空白解决办法其他兼容问题总结总结 项目背景 ​ 项目采用vue全家桶和elementUI等插件技术，vue框架默认不支持ie8及以下，ie9+需要安装babel-polyfill插件，将项目中的es6语法转换为目标浏览器兼容的低版本语法。 注意：使用Webpack版本要高于2.6.1 基本配置 ie调试空白：babel-polyfill已配置，可跳过此节 axios对promise进行兼容，可以只用es6-promise 先安装： np
快速解决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 329
解决办法： 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浏览器中空白
hyduan_h5的博客
09-03 3222
具体现象 问题原因 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 1157
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），而不转换新的...
vue项目在IE下显示空白打不开问题
a378113472的博客
10-09 1064
近期遇到了项目是vue做的，在IE浏览器下打不开，显示空白问题，解决方案如下： 打不开的原因是因为少了babel-polyfill处理器，所以第一步需要下载： npm install babel-polyfill --save-dev 第二步在package.json文件中显示： 第三步引入babel-polyfill： 在main.js文件中引入babel-polyfill，也就是加一行： i...
解决vue项目在ie浏览器打开空白问题
txw1008的博客
07-31 1729
解决vue项目在ie浏览器打开空白问题 下载安装 在webpack.base.conf.js中修改如下信息： 在src/main.js中import "babel-polyfill" 重新运行后打开，成功
Vue 做的项目在IE下面打开一片空白解决方法
w36680130的博客
08-20 168
Vue 做的项目在IE下面打开一片空白解决方法
vue在ie中页面空白
weixin_44348138的博客
03-30 600
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 1589
vue项目在chrome浏览器上可以正常访问，但是在IE浏览器打开显示空白
VUE兼容ie，解决IE下页面空白，不显示内容的问题
qq_37348087的博客
07-10 1323
VUE兼容IE8以上，亲测有效 前段时间做了Vue的项目，最后发现不兼容IE，在IE下不显示页面，一片空白，没有内容，经过网上查找，终于找到解决办法！ 废话不多说，直接上菜… 首先，在页面引用的js文件中引用"babel-polyfill 之后在配置文件中进行如下修改 执行上述操作后我的项目就可以在IE下正常访问了！ ...
解决vue项目在ie浏览器中无法显示的问题，兼容低版本浏览器问题
weixin_46486081的博客
06-29 8981
vue项目兼容ie浏览器的问题：在其他浏览器显示都是正常的，在ie11下显示空白-前端-优快云问答​ 1）运行项目后将端口链接复制到ie浏览器中报出了新问题加载控件xtxappcom失败，请确认BJCA证书通过查找https://www.anxz.com/down/92914.html解决了问题​ 2）剩下的就是在ie浏览器中显示空白通过在main.js文件中添加 在webpack.base.conf.js中添加 但因为本项目为vue-cli脚手架版本可能不同，没有创建bulid文件，所以要在node_m
Vue项目在ie浏览器中显示白屏优化提示
Yongqiang Chen的博客
01-10 653
在工作中用到Vue开发项目，用户在IE浏览器打开页面，结果显示空白屏。作为开发者当然知道是浏览器版本过低导致语法不支持，但是用户不知情的情况下显示空白屏就很不友好。var str = "你的浏览器版本太低了，已经和时代脱轨了！var str2 = "推荐使用:谷歌（Chrome）浏览器";
Vue.js 框架兼容 Internet Explorer (IE) 浏览器指南
qq_42072014的博客
08-06 1829
通过以上步骤，你现在已经了解了如何确保Vue.js应用在IE11浏览器上正常运行。需要注意的是，支持IE可能会增加额外的工作量，尤其是在处理一些现代Web API时。如果可能的话，考虑逐步减少对IE的支持，转而专注于现代浏览器，以简化开发流程并提高应用性能。
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符
Mr.小灰狼_随笔
07-07 3739
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符 背景 ：Vue2 项目在谷歌浏览器运行好好的，在 IE 浏览器打开就会出现各种的问题。。
vue 项目兼容 IE 浏览器
weixin_43749669的博客
12-16 5556
前言 : 网上 找了很多关于 vue项目兼容 IE 浏览器的 教程步骤 , 写的 非常详细 , 但根据我自己的项目,怎么找 都没有找到 webpack.base.conf.js 这个文件 ,就没办法配置。因为 vue-cli最新版本原因 , 隐藏了配置文件, 所有的 都在 vue.config.js中配置。到这 就完美结束 , IE 就能完美运行 起来了, 希望对你有所帮助 , 欢迎留言, 共同进步!: (具体是干嘛的 我还没弄明白,大神如果知道可留言解答!
Vue 2.0在IE11浏览器中遇到页面空白问题，应如何通过Babel和Webpack配置添加必要的polyfill来解决？
最新发布
11-06
当Vue 2.0项目在IE11浏览器中打开时出现页面空白问题，通常是由于IE11对ES6及更高版本的JavaScript特性支持不足，尤其是Promise、Iterator、Generator等新特性。Vue 2.0使用了这些特性，但是默认的Babel编译器并没有将它们转换为IE11可以识别的形式。因此，需要通过添加polyfill来模拟缺失的浏览器功能。具体操作步骤如下： 参考资源链接：[Vue 2.0 IE11页面空白问题：原因与解决方案](https://wenku.youkuaiyun.com/doc/6412b671be7fbd1778d46bf5?spm=1055.2569.3001.10343) 1. **安装babel-polyfill**：首先需要通过npm安装`babel-polyfill`，命令如下： ``` npm install --save babel-polyfill ``` 这将会把`babel-polyfill`添加到项目的依赖中。 2. **引入polyfill到入口文件**：在项目的入口文件（通常是`src/main.js`或`src/index.js`）中导入`babel-polyfill`，代码示例如下： ```javascript import 'babel-polyfill'; ``` 这一步骤确保在应用启动时加载polyfill。 3. **Webpack配置调整**：如果你使用的是Vue官方脚手架工具Vue CLI创建的项目，还需要调整Webpack的配置文件`webpack.config.js`。确保在`entry`配置中将`babel-polyfill`添加到应用的入口之前，如下所示： ```javascript module.exports = { entry: { app: ['babel-polyfill', './src/main.js'] } }; ``` 这样配置后，Webpack会在打包应用时首先加载polyfill，确保在使用任何Vue特性之前，必要的API已经可用。 通过上述步骤，可以确保Vue 2.0项目在IE11浏览器中正常运行，不再出现页面空白的问题。请记住，除了Promise等特性外，还应检查其他可能缺失的polyfill，以解决可能的兼容性问题。此外，对于新项目，建议始终关注项目所依赖的库和框架对不同浏览器版本的兼容性声明，以避免未来的兼容性问题。 参考资源链接：[Vue 2.0 IE11页面空白问题：原因与解决方案](https://wenku.youkuaiyun.com/doc/6412b671be7fbd1778d46bf5?spm=1055.2569.3001.10343)
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

qaakd

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

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

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

打赏作者

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

抵扣说明：

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

余额充值