华为手机vue_vue2.0 在华为手机等手机自带浏览器打开白屏的问题

使用vue2.0 开发的单页面网站, 在华为部分型号(p20也是....),部分安卓手机打开页面是空白;

网上的方法是把把es6 转为 es5, 当时我使用的 vue-cli , webpack 内置babel，会自动转码, 排查这种可能性;

根据理解可能是这些浏览器的内核版本比较低,所以在ie8,ie9进行调试, 发现报错;

错误指向的是自定义的过滤器的方法,

该js文件放在static 目下,并未放入 src/assets目录下,导致未打包入app.js文件。

在 webpack.base.conf.js 部分内容

{

test:/\.js$/,

loader:'babel-loader',

include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]

上面的代码看出: webpack 为对static 目录下的js 进行 babel-loader 转码。

可以修改为 ( 修改配置后,需要重启服务 )

{

test:/\.js$/,

loader:'babel-loader',

query:{presets:['es2015']},

include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'), resolve('static/js')]

由于我这里是代码放不合逻辑, 因此就是文件移入 /assets目录下。

修改后在ie9环境下无错误, 在之前的浏览器出现白屏问题解决。

发现使用

import Notification from 'element-ui/lib/notification' 引入组件在ie9 会出现类似;

import {Notification} from 'element-ui'; 不会出现问题;

总结: 解决此类显示页面为空白问题, 可以在ie9 环境下运行代码, 解决运行时报错, 在ie9 能正常显示没错误, 便可解决此类问题

ps : 这个我遇到问题的原因, 仅仅提供解决问题的思路。若其中存在错误欢迎指出，在此先谢过。

华为手机vue_vue2.0 在华为手机等手机自带浏览器打开白屏的问题相关推荐

vue2.0 在华为手机等手机自带浏览器打开白屏的问题
使用vue2.0 开发的单页面网站, 在华为部分型号(p20也是....),部分安卓手机打开页面是空白; 网上的方法是把把es6 转为 es5, 当时我使用的 vue-cli , webpack ...
鸿蒙电视安卓,华为鸿蒙2.0来了！打通手机、电视、PC全平台，Mate 40 整装齐发...
华为鸿蒙2.0来了!打通手机.电视.PC全平台,Mate 40 整装齐发 2020-07-05 15:52:04 1点赞 0收藏 1评论 7月5日消息,据国外知名爆料玩家 Teme 透露,华为今年秋季 ...
微信分享的链接，手机打开白屏，单页面应用(Hash模式下)，实现微信分享
前言:现在将相关的产品分享至朋友圈,进行宣传,成为一种很常见的方式.本文,主要想分享一下,微信分享所遇到的坑,微信分享的链接,手机打开白屏,以及产生的原因. 前端微信分享的基本步骤: 一.绑定域名先 ...
鸿蒙os2.0手机开发者现场,华为鸿蒙OS2.0终于来了，手机开发者beta版发布！
12月16日,华为HarmonyOS 2.0手机应用开发者Beta版如期而至.活动现场,华为消费者业务软件部总裁王成录分享了名为"万物互联时代的操作系统"的主旨演讲,重磅发布Har ...
华为鸿蒙2.0 pc,华为鸿蒙工具下载-华为鸿蒙v2.0正式电脑下载 - 91单机网
华为鸿蒙作为定制化的系统这两天应该霸屏了各个新闻专栏当中,作为华为自己的系统并且涉及到了方方面面,从手机到各类智能设备将全部的普及这个智能系统,并且在5G的加持之下真正的让万物进行互联,而不但仅之时智 ...
android版手机qq 5.0,手机QQ5.0安卓版今日正式发布手机QQ5.0更新升级内容介绍
今日,手机QQ5.0安卓版正式发布,相较之前的版本,这个版本对整体界面结构和视觉风格做了重大调整,变得更加简洁,聚焦社交沟通.下面就详情一起来看看了解一下吧手机QQ 5.0采用蓝色主界面,个人头像从 ...
华为harmonyos 2.0测评,华为鸿蒙HarmonyOS 2.0第二轮测试推送-OS2.0测试版新增机型汇总 - 非凡软件站...
鸿蒙OS 2.0的推出一度引起了很多用户的关注,在近期华为又对鸿蒙OS 2.0做了更多的测试,也方便接下来的正式推送,而且第二轮测试也新增了很多的内容,在适配机型上也做了新增,具体增加了什么机型与内容 ...
华为鸿蒙os3.0评测,华为鸿蒙OS威力初显！实测体验比EMUI更好功耗却更低惊喜还有很多...
2019年,华为正式发布鸿蒙OS.彼时的鸿蒙还停留在概念阶段,外界的嘲讽和质疑不绝于耳.2021年4月27日,华为鸿蒙OS开发者公测版本大批量向开发者推送,网上出现大量鸿蒙OS实测视频.值得一提的是, ...
手机qq2.0 for android,QQ农场手机版|QQ农场for Android 2.02 官方安装版_手机游戏 www.qqtn.com...
QQ农场2.0 for Android延续了PC端QQ农场大部分的功能, 并在此基础上有着更多可以适应Android终端产品的特性, 操作更便捷.体验更流畅.PC端的农场玩倦了?觉得鼠标操作徒然无味? ...

华为手机vue_vue2.0 在华为手机等手机自带浏览器打开白屏的问题

华为手机vue_vue2.0 在华为手机等手机自带浏览器打开白屏的问题相关推荐

最新文章

热门文章