新建vue2项目在ie上显示空白的解决办法

最新推荐文章于 2023-12-28 11:16:41 发布
最新推荐文章于 2023-12-28 11:16:41 发布
阅读量601 收藏
点赞数 1
分类专栏： vue问题解决 文章标签： javascript vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YQ_DXM/article/details/125777670
版权
新搭建的Vue2项目在IE浏览器上显示空白，可通过修改package.json、vue.config.js、babel.config.json和main.js四个文件进行解决。
摘要由CSDN通过智能技术生成

新搭建的vue项目通过ie打开无法显示在这里插入代码片

解决办法修改四处代码
1.在package.json处

  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 10"
  ]

2.在vue.config.js中

module.exports = {
   
  transpileDependencies:
最低0.47元/天 解锁文章
我很懒但我不会一直懒
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
解决vue2.x在ie浏览器打开空白问题
蜗牛~~
12-06 5849
排查一： 先看看项目中是否安装并引入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浏览器中显示空白的问题，关键在于确保项目中的现代JavaScript代码能够被老旧浏览器理解并执行。通过引入`babel-polyfill`和其它必要的垫片库，我们可以使Vue项目在更广泛的浏览器环境中...
vue2.x项目在IE浏览器显示一片空白
weixin_30836759的博客
07-11 189
导致原因： 因为ie浏览器对于部分ES6语法识别不出来导致， Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。 举例来说，ES6在Array...
导致vue2 项目在ie浏览器中白屏的原因，及ie 不兼容的工具总结
qq_39877681的博客
09-11 797
导致vue2 项目在ie浏览器中白屏的原因，及ie 不兼容的工具总结
解决vuecli-vue2项目ie浏览器白屏
feeeee889的博客
12-23 1271
用vuecli脚手架创建的vue2项目npm run serve后在ie浏览器上打开会白屏，其他浏览器却正常。
vue系列之----项目在ie浏览器中空白
hyduan_h5的博客
09-03 3005
具体现象 问题原因 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",
vue2兼容ie浏览器空白和语法报错问题
qq_43771593的博客
07-26 1139
解决了一些语法兼容问题，本方法仅供参考缺啥配置补上即可，如果还需要兼容第三方库，则需要加上除此之外的配置。本方法的一些配置都可在。
Vue 2.0在IE11中打开项目页面空白的问题解决
08-29
Vue 2.0在IE11中打开项目页面空白的问题解决 Vue 2.0是一个流行的前端框架，然而在IE11中打开项目页面时，可能会出现空白的问题。这个问题的出现是因为Babel默认只转换新的JavaScript句法（syntax），而不转换新的...
vue项目打包后打开页面空白解决办法
08-27
Vue 项目打包后打开页面空白解决办法 在 Vue 项目开发中，经常会遇到打包后打开页面为空白的情况，本文将详细介绍解决这种问题的方法。 一、路径问题 在 Vue 项目中，index.html 文件中的内容都是通过 script ...
解决：Vue2项目兼容IE，页面出现白屏
最新发布
枯萎花一朵
12-28 820
Vue2项目兼容IE，页面出现白屏
VUE2项目在IE9+白屏报错语法错误的解决
New个对象喝咖啡
07-21 1120
使用@font-face引入自定义特殊字体，在IE9环境下报错“@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。”错误。查明报错原因是： IE9不支持字体文件类型解决方案：转换字体为WOFF格式字体转换在需要的页面引入该字体文件后，就可以正常显示咱们自定义的字体了以上就是今天要讲的内容，希望可以帮到更多人解决IE兼容问题。本人在IE坑里好长时间才得到解决方案，希望这篇博客可以帮到你！
vue在IE模式下白屏
lisijienumber的博客
11-17 1326
如上图，在IE模式下打开控制台报错。个人解决步骤如下： 第一步，解决 SCRIP1002：语法错误 安装Babel-polyfill npm install Babel-polyfill --save-dev 在main.js中引入 import "Babel-polyfill" 修改webpack.base.conf.js文件，添加'Babel-polyfill' 重新编译运行，大部分情况下解决问题。不幸的是，我还是出问题了，运行出
解决IE浏览器无法显示VUE项目的方法
xybhua的博客
12-31 2386
一、ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser。Promise为ES6语法，有的浏览器不支持ES6,所以需要安装babel-polyfill来将ES6转换为浏览器可识别的ES5语法。
vue2+vue-cli3 创建示例项目 在IE11访问显示空白
Ｓｈａｄｏｗ的专栏
09-14 416
vue2+vuecli3新建项目，IE11 打开空白，控制台不报错
vue项目无法在IE浏览器中显示
木木木华的博客
02-01 1580
网上找了很多资料，都说是babel-polyfill包的问题，按照他们的方法，我发现无法解决，之于这些坑，总结了我的解决方法。 拿到一个vue项目首先要安装对应的插件， npm install 安装过程遇到 ensuring that file exists: C:\Python27\python.exe 这个问题，我开始不是很明白，为啥前端项目需要python，后面查了下才大概了解，有些包是需要python环境的。 注意：这里需要的是python2.7的环境，python3也是不行的，按照网上的教程傻瓜
vue2.0兼容ie11（在ie11中无法进行页面跳转 白屏 三步搞定）
信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
10-09 4626
处理完上面的问题之后大多数情况下，问题就已经解决了，但是比较神奇的是有的时候还是不行，那是因为还有一个地方需要坐下修改，那就是.browserslistrc文件中的：not dead 改成：not ie < 11 或者在package.js里添加一个browserslist。其实上面的sockjs-client一般情况下只会在本地出现，因为本地启动的服务本质是启动的socket服务，而发布到线上的代码是经过打包后的代码，跟socketjs-client不发生关系，除非你项目中用到了webSocket。
vue项目页面空白但不报错产生的原因分析
Clover ‘s Blog
03-16 9303
vue项目页面空白但不报错产生的原因分析
vue项目打包在IE浏览器中打开空白
flowRight的博客
05-05 2049
原因：ES6语法IE浏览器不能识别，js文件没有加载，下载引入polyfill（polyfill指的是“用于实现浏览器不支持原生功能的代码”） 在index.html中引入即可
解决vue2项目在IE11浏览器中无画面的兼容问题
qq_45496282的博客
08-21 3212
当前项目面临其他浏览器都可以运行，但是在IE11浏览器中出现白屏的现象，F12后台也没有报错，项目月底也要交付了。当前项目的vue版本为2.6.11，cli的版本为3。。自己捣鼓了两天没搞出来，后来又喊了一位大神才用了大半天的时间解决了此问题。
vue2项目解决ie11浏览器报错语法错误
07-28
对于 Vue2 项目在 IE11 浏览器中出现语法错误的问题，可以尝试...希望以上方法能够解决你在 Vue2 项目中遇到的 IE11 浏览器报错语法错误问题。如果还有其他问题，请提供更多详细信息，以便我能够给出更准确的解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

我很懒但我不会一直懒

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

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

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

打赏作者

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

抵扣说明：

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

余额充值