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

转载于:https://www.cnblogs.com/blog-sanyu/p/10156588.html

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

华为手机vue_vue2.0 在华为手机等手机自带浏览器打开白屏的问题
使用vue2.0 开发的单页面网站, 在华为部分型号(p20也是....),部分安卓手机打开页面是空白; 网上的方法是把把es6 转为 es5, 当时我使用的 vue-cli , webpack ...
微信分享的链接，手机打开白屏，单页面应用(Hash模式下)，实现微信分享
前言:现在将相关的产品分享至朋友圈,进行宣传,成为一种很常见的方式.本文,主要想分享一下,微信分享所遇到的坑,微信分享的链接,手机打开白屏,以及产生的原因. 前端微信分享的基本步骤: 一.绑定域名先 ...
手机使用电脑自带功能进行投屏
准备安卓手机 win10电脑电脑前期工作打开设置->主页->系统->投影到此电脑,可以看到如下选项如果看到的是灰色不可修改状态,并且处于[始终关闭(推荐)]的话打开设置-& ...
记录：app内嵌H5页面分享到微信后，在安卓手机打开白屏，苹果手机正常渲染的问题始末
**背景:**app内嵌的一个个人名片页面需要分享到微信,测试环境下,分享到微信后,安卓和苹果手机都能正常渲染,生产环境苹果手机没问题,安卓手机打开分享的链接,页面一直空白. **原因分析:**单独加 ...
华为荣耀八手机经常显示无服务器,华为荣耀8手机为什么跳屏
语音内容: 大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. 系统版本为EMUI9.0,华为荣耀8手机跳屏的原因是: 1.手机屏幕的贴膜不良. 2.手机某些非自带软件兼容性问题. ...
安卓开发，高德地图5.0版本导航部分手机出现白屏
如题,之前用的老版本的jar包,导航可以正常使用,升级到5.0以后,地图和定位正常,导航出现白屏,并且报 android.view.InflateException: Binary XML file ...
解决vue低版本ios，安卓手机浏览器打开H5页面空白的问题
低版ios手机ios8,ios9,安卓6以后的自带浏览器打开VUE开发的H5页面有时候会出现白屏的问题,这是因为vue 项目中es6的方法和语法在这些低版本的手机上不支持,解决办法 es6转es5 一 ...
ipad 全民打飞机微信登录不了显示服务器繁忙,我手机用的是QQ浏览器，两天前登陆时页面老是出现网络不给力，请稍后再试的提示，客服也问了也关机重启过...
我手机用的是QQ浏览器,两天前登陆时页面老是出现网络不给力,请稍后再试的提示,客服也问了也关机重启过以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容, ...
安卓9.0官方系统升级包_华为、荣耀公布可升级安卓10.0机型，你的手机在名单之内吗？...
在近两个月以前,美方将华为关进了小黑屋,随后谷歌也将华为旗下的机型移出了安卓10.0升级名单,这一波操作之后,引起了不小的"恐慌",许多华为用户也在担心是否还能正常使用安卓系统服务 ...

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

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

最新文章

热门文章