Vue-cli3 项目在安卓低版本系统和 IE 上白屏，兼容问题解决

最新推荐文章于 2023-12-08 17:24:30 发布
最新推荐文章于 2023-12-08 17:24:30 发布
阅读量1.9k 收藏
点赞数
分类专栏： Vue 文章标签： Vue IE 兼容

原文链接

解决办法见原文链接，这里要说的是没有babel.config.js文件就新建，缺模块就安装模块

安装完了编译报错重新npm run dev就好了

大连滚呢王
关注
专栏目录
Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决
solocoder的博客
04-13 3750
最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上都 OK，6.0 以下就不行了。 低版本安卓系统内置的 webview 不支持 ES6 语法等一些新特性，所以报错。但在手机上调试不方便，受一篇文章的启发， IE 浏览器也是同样的问题，所以可以在 IE 上调试，一个调...
Vue 2.0在IE11中打开项目页面空白的问题解决
08-29
Vue 2.0在IE11中打开项目页面空白的问题解决 Vue 2.0是一个流行的前端框架，然而在IE11中打开项目页面时，可能会出现空白的问题。这个问题的出现是因为Babel默认只转换新的JavaScript句法（syntax），而不转换新的...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
10-17
主要介绍了Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决vue-cli3项目ie白屏兼容问题
hello world
11-27 3310
刚写好的项目在谷歌能打开，ie打不开，需要处理兼容问题 先根据这篇文章修改 详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决 如果没有其他问题是可以了的，下面是我代码中出现的其他问题导致页面无法显示或者报错 sockjs报错 控制台会一直报这个错，sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工...
解决vue项目在IE浏览器中显示白屏问题（亲测可用）
最新发布
永远热爱前端
12-08 766
vue项目在chrome浏览器上可以正常访问，但是在IE浏览器打开显示空白
快速解决vue2+vue-cli3项目ie兼容的问题
01-18
先根据这篇文章修改 详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决 如果没有其他问题是可以了的，下面是我代码中出现的其他问题导致页面无法显示或者报错 sockjs报错 控制台会一直报这个错，sockjs-node 是...
详解一次Vue低版本安卓白屏问题的解决过程
10-16
主要介绍了详解一次Vue低版本安卓白屏问题的解决过程,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue cli3 打包兼容Android 4.4
阿豪
11-13 425
原文链接: vue cli3 打包兼容Android 4.4 ...
vue项目在安卓低版本机显示空白的原因分析(两种)
12-09
vue项目在安卓低版本机显示空白原因： 可能的原因一 查看安卓debug，报错，可能有箭头函数语法错误，或者其他语法问题，那可能是ES6语法问题。 这时候需要安装babel-pollyfill。 网上找到方法如下： https://www.jb51.net/article/146840.htm 1.安装babel-polyfill和es6-promise npm i babel-polyfill --save npm i es6-promise --save 2.main.js引入  import ‘babel-polyfill‘ import Es6Promise from ‘es6
Maven使用入门(安装,项目规约,基础命令,依赖使用范围,依赖传递)
枸杞泡茶的博客
05-17 1627
总结一下在工作中如何使用mavenmaven安装流程: 1.下载maven的压缩包 2.压缩maven压缩包,找到conf目录,进入该目录修改settings.xml文件 3.在settings.xml文件的第53行,配置本地maven仓...
android 5.0 es6,vue2.0在android5.0白屏， es6转es5保证浏览器兼容性
weixin_32330765的博客
05-29 521
1. 安装npm install --save-dev babel-preset-es20152. 安装 npm install --save-dev babel-preset-stage-33.在项目根目录创建一个.babelrc文件(ES6转ES5配置) 里面内容 最基本配置是：{//此项指明，转码的规则"presets": [//env项是借助插件babel-preset-env，下面...
vue项目在安卓5系统兼容性问题；解决vue项目在安卓5系统白屏问题
guyue_01的博客
02-17 1270
解决vue项目在安卓5系统白屏问题，把项目中的es6及更高的语法转化为es5。
vue-cli 兼容移动端低版本系统步骤详解
一捆铁树枝的博客
12-19 2029
最近用 vue-cli 3.0开发的移动端项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上都 OK，6.0 以下就不行了。 同时，页面在IOS10左右的版本中，也会显示异常 低版本安卓系统内置的 webview 不支持 ES6 语法等一些新特性，所以报错。但在手机上调试不方便，受一篇文章的启发，...
vue-cli2、vue-cli3配置babel 兼容低版本安卓5.0
热门推荐
Maggie_01的博客
09-22 1万+
vue-cli2、vue-cli3配置babel 兼容低版本安卓5.0 配置babel Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情： 语法转换 通过 Polyfill 方式在目标环境中添加缺失的特性 (通过 @babel/p...
vue 一招解决安卓5 IE浏览器 白屏 的兼容问题
前端小师姐迪迪_的博客
07-28 1411
公司最近的vue项目运行在安卓5或者IE浏览器中会白屏，找到了一招方法立马解决该问题，亲测有效 出现问题的原因：浏览器兼容性问题，不支持ES6新特性，所以思路是加一些ES6转ES5的垫片，具体步骤如下： 本方法适用于Vue CLI 4.x的vue2项目 1、第一步在main.js中引入： import 'core-js/stable' import 'regenerator-runtime/runtime' 2、第二步在babel.config.js中添加 useBuiltIns: ‘entry’： .
解决vue-cli3搭建项目对IE和360浏览器的兼容问题
WanFengZhou
06-05 2381
首先介绍一个Babel的链接 https://www.babeljs.cn/docs/babel-preset-env vue-cli2.x跟vue-cli3.x搭建的项目里配置文件结构有很大不同，但是基本原理还是不变的 以下着重介绍vue-cli3.x对IE和360浏览器的兼容 需要安装的插件 npm install --save-dev @babel/core npm install --save-dev @babel/preset-env 在.browserslistrc文件里 > 1% l
vue-cli3项目升级实战：解决常见问题与配置
"这篇文章主要详细介绍了如何正确地将项目升级到vue-cli3，分享了作者在升级过程中的步骤和遇到的问题及其解决方案。" 在将项目从较低版本的vue-cli升级到vue-cli3时，需要遵循一定的流程以确保一切顺利进行。首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值