vuejs - 在某些安卓机下(特别是huawei)用自带的浏览器,显示空白页的解决办法

栏目: JavaScript · 发布时间: 6年前

内容简介:感慨一下: 想解决这个问题需要:1. 有一些安卓的知识 (ADB,  android studio, log)2. 有 vuejs 的知识 ( es, )

感慨一下: 想解决这个问题需要:

1. 有一些安卓的知识 (ADB,  android studio, log)

2. 有 vuejs 的知识 ( es, )

3. 知道如何抓包(charles)

4. 知道如何google / baidu

5. 知道如何部署 ( linux , ssh, nginx , capistrano ) .

我们发现,最近上的一个, 在安卓的手机上, 部分机型显示空白页.

通过抓包, 发现一切正常. (对于正常的 http 协议, 可以直接抓包)

对于https 协议, 使用charles ,配置好 SSL proxy 之后,也可以抓包

没办法了, 只有查看手机浏览器的 logo

打开 android studio, 插入USB连接手机, 然后看LOG. 满屏幕, 根本没法看.

于是:

1. 找到 浏览器对应的 process ID

2. 或者找到对应的 vivo browser 关键字,

于是做过滤, 然后查看 LOG, 发现报错:  undefined xxx.js: 23

找到这个 js 的23行, 发现是一个 es6-promise的声明组件. 所以怀疑是否是由于 es6 造成的.

百度一下, 发现很多帖子: https://blog.csdn.net/genius_yym/article/details/80348828

按照帖子中介绍的:

1. package.json 中, 增加: (貌似这个可以自动增加... 记得把它提交到 git 中)

"dependencies": {
     "babel-polyfill": "^6.26.0",
    /...
}

2. 运行命令:    $ npm install babel-polyfill --save

3. 在  src/main.js  中增加:

import 'babel-polyfill'
import Es6Promise from 'es6-promise'

Es6Promise.polyfill()

4. 运行  nvm use 10.8.0  (记得这里务必是正确的版本号. 我的机器上默认的版本是 node 5.8.0, 所以一直在报错)

5. nvm run dev,  或者 nvm run build  就可以了.


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

大学的终结

大学的终结

[美] 凯文·凯里(Kevin Carey) / 朱志勇、韩倩 / 人民邮电出版社 / 2017-2-28 / 59.00

你了解目前全球高等教育的现状吗?你知道高等教育的未来是什么样的吗?你听说过泛在大学吗?翻开本书,了解大学的过去、现在与未来。 《大学的终结:泛在大学与高等教育革命》一书由美国著名教育作家凯文? 凯里倾情打造。作者在书中详细论述了美国大学的历史变迁、大学的本质、大学的未来、信息技术与教育的关系、泛在大学的定义、传统大学在大趋势下的挣扎,以及未来高等教育的学历认证与呈现形式。本书作者用缜密的逻辑......一起来看看 《大学的终结》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

随机密码生成器
随机密码生成器

多种字符组合密码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器