ie浏览器打开vue项目白屏问题

最新推荐文章于 2024-07-28 18:23:37 发布
最新推荐文章于 2024-07-28 18:23:37 发布
阅读量1.5k 收藏 3
点赞数
分类专栏： web前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37026273/article/details/100041945
版权

第一步：

cnpm install babel-polyfill -S

第二步：
在入口文件main.js文件中引入 import “babel-polyfill”
修改配置文件 vue-loader.conf.js
在这里插入图片描述

 entry: ["babel-polyfill", "./app/js"]

最后在index.html中加入

<mate http-equiv="X-UA-Compatible" content="IE=11"/>

备注：安装插件 可以将es6转成es5 ie是不支持es6语法的

择一城终老...
关注
专栏目录
记录：vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法
qq_30068989的博客
11-20 4782
最近一个vue开发的项目，事先已经兼容ie9+，但是最后写完整个项目后chrome，firefox下完美运行，可是用ie的时候却一片空白？？？？？网上找了很多方法都是已经做好的ie兼容babel-polyfill、es6-promise。但是为什么还是不行？？ 好吧点进去看看 =&gt; 最后一行看到了是在自己写的请求文件mainPublic.js里出问题了，去看了一下代码 发现原来是axio...
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误
Mr.小灰狼_随笔
12-24 9795
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误 这篇文章主要介绍了 Vue项目在 IE 浏览器显示白屏并报错 SCRIPT1002: 语法错误 的案例。 目录 一、关于 sockjs-client 依赖包 二、关于 highlight 依赖包 三、关于 swiper 依赖包 四、IE 不支持 ES6 语法 五、第三方插件引入导致 六、本地环境正常，生产环境仍旧白屏
Vue 项目部署后首页白屏问题排查与解决
最新发布
qq_42072014的博客
07-28 1172
首页白屏问题通常是由资源加载错误、路由配置错误、环境变量配置不当或 Webpack 配置问题引起的。通过仔细检查和调试，大多数问题都可以得到解决。如果你在排查过程中遇到具体的问题，可以尝试搜索相关错误信息，或者参考 Vue.js 官方文档寻求帮助。
vue项目在ie白屏
m0_61103773的博客
06-08 183
错误信息：语法错误。
vue2.0下IE浏览器白屏问题
zssd980210的博客
04-09 431
vue2.0下IE浏览器白屏问题 1.兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill npm install babel-polyfill 2.在页面入口配置main.js中引入 babel-polyfill import(“babel-polyfill”) 3.解决编译错误----重要 重新安装一下webpack-dev-server npm in...
Vue在IE兼容模式下白屏解决方案
如需咨询可联系我，V：chen2318341674
09-21 1297
Vue在IE兼容模式下白屏解决方案
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
10-14
主要介绍了VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
总的来说，解决Vue项目在IE浏览器中显示空白的问题，关键在于确保项目中的现代JavaScript代码能够被老旧浏览器理解并执行。通过引入`babel-polyfill`和其它必要的垫片库，我们可以使Vue项目在更广泛的浏览器环境中...
如何解决vue2.0下IE浏览器白屏问题
01-21
公司新开发的项目需要兼容到IE9+ 就在index.html页面加入 <meta http-equiv=X-UA-Compatible content=IE=edge> 不起作用 总结方法： 1、兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill ...
兼容ie浏览器 vue项目IE浏览器白屏不显示解决方案
qq_45239012的博客
03-15 1025
原因分析： Ie浏览器不兼容的原因主要是因为不识别es6语法 解决：需要通过babel-polyfill转化，使项目中的依赖包支持ie浏览器 说明：在vue cli4.x之后，无需手动安装babel-polyfill,脚手架中已经内置 如果脚手架版本低需要下载依赖 npm i babel-polyfill –save 一般项目中有babel-polyfill，就会自动转化依赖包，但是也有一些特殊的依赖包不被babel识别 如果你还是发现浏览器白屏不显示，那可能就是有一些依赖不被babel识别需要你手动修改
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
12-09
最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上都 OK，6.0 以下就不行了。 低版本...
Vue 2.0在IE11中打开项目页面空白的问题解决
12-09
前言 因为工作的需要，学习Vue2.0也有一段时间，最近在用Vue2.0的官方脚手架工具构建的项目，chrome中跑一直没有问题，但ie11打开出现了bug： 问题 ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser； 原因 Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.
vue项目IE浏览器下空白
weixin_38673922的博客
05-25 130
原因：缺少babel-polyfill处理器 解决办法： 一、 npm install babel-polyfill --save-dev 二、在main.js文件中引入babel-polyfill： import 'babel-polyfill'; 三、在webpack.base.config.js中 将entry中的app: './src/main.js'配置改为：app: ['babel-polyfill', './src/main.js']； ...
Vue项目启动白屏问题
热门推荐
CJB2020818的博客
03-20 1万+
首先，如果项目能够启动，且控制台没有报错，那么首先去排除路由问题。先看一下主要的文件配置：main.js控制台没有报错，但是项目页面空白。
vue 项目白屏解决方案
weixin_33831673的博客
10-30 1950
在做的项目是使用 vue-cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题 白屏可能的原因： es6 代码没有被编译成 es5 ； 文件打包路径错误； 运营商塞入的广告 js 服务器报错，连累项目不能下载资源； 针对 1 和 2 ，分别采取以下做法...
Vue 安装 配置axios 后页面一片空白
H_sen's Blog
07-16 1904
造成 这个问题的原因有很多 一、 javascript Uncaught TypeError: Cannot set property '$axios' of undefined 报错信息说 $axios of undefined 我们打开 main.js 查看 将箭头所指处 改为小写。 二 TypeError: setting getter-only property "$axios" vue-cli2 和 vue-cli3和4 安装方法还不一样，我使用的是 vue-cli4.3.1，应使用npm .
Vue 运行在ie9，10，11环境下发现axios存在兼容性问题
倪默遥
01-21 7892
用 vue 开发的 web 程序，在 Chorm 上运行好好的，可是一到IE上面，就出现了兼容性问题，在网上一番查找之后，发现是 IE9,10,11 不兼容axios 的回调方法。 解决办法： 在命令行 npm install es6-promise --save-dev 安装好后 import promise from 'es6-promise'; promise.polyfill()
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、付费专栏及课程。

余额充值