vue项目在安卓低版本机显示空白的原因分析(两种)


Posted in Javascript onSeptember 04, 2018

vue项目在安卓低版本机显示空白原因:

可能的原因一

查看安卓debug,报错,可能有箭头函数语法错误,或者其他语法问题,那可能是ES6语法问题。

这时候需要安装babel-pollyfill。

网上找到方法如下:

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-promise‘
Es6Promise.polyfill()

3.webpack.base.conf.js 

module.exports = {
entry: {
"babel-polyfill":"babel-polyfill",

 app: ‘./src/main.js‘ //原本只有这一行
}

这时如果安卓机依然空白打不开,继续查看原因二

可能的原因二:

查看npm run build打包之后有没有打包报错,有时间一些小功能可能不影响页面展示和使用,但是打包也报错了,我们可能就忽略了,只要打包有报错,安卓就一定不能正常显示,不像浏览器,我这里看到的报错是

发现报错的位置是在router文件夹下的index.js文件中   分别是用了es6对象的合并,和模版字符串,这时候只需要去webpack.base.conf.js中

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [
   resolve('src'),//表示在src目录下的js需要编译
  ],
 },

加一个include,resolve  router所在目录即可,如果这里直接写路径,会不起作用。

总结

以上所述是小编给大家介绍的vue项目在安卓低版本机显示空白的原因分析 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript和JQuery实用代码片段(一)
Apr 07 Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 Javascript
jQuery 事件的命名空间简单了解
Nov 22 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
12行javascript代码绘制一个八卦图
Apr 02 Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 Javascript
javascript实现的简单计时器
Jul 19 Javascript
微信小程序实现页面跳转传值的方法
Oct 12 Javascript
js根据json数据中的某一个属性来给数据分组的方法
Oct 08 Javascript
微信小程序使用map组件实现路线规划功能示例
Jan 22 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
微信小程序按钮点击跳转页面详解
May 06 Javascript
Angular使用cli生成自定义文件、组件的方法
Sep 04 #Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
Sep 04 #Javascript
使用elementUI实现将图片上传到本地的示例
Sep 04 #Javascript
element UI upload组件上传附件格式限制方法
Sep 04 #Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
Sep 04 #Javascript
webpack 3.X学习之多页面打包的方法
Sep 04 #Javascript
JS获取并处理php数组的方法实例分析
Sep 04 #Javascript
You might like
php调用mysql存储过程实例分析
2014/12/29 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
laravel按天、按小时,查询数据的实例
2019/10/09 PHP
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
基于jquery的表格排序
2010/09/11 Javascript
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
2015/06/04 Javascript
微信小程序 判断手机号的实现代码
2017/04/19 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
详解关于element el-button使用$attrs的一个注意要点
2018/11/09 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
2019/08/03 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
基于vue和websocket的多人在线聊天室
2020/02/01 Javascript
python ubplot使用方法解析
2020/01/10 Python
python 绘制场景热力图的示例
2020/09/23 Python
python3.9.1环境安装的方法(图文)
2021/02/02 Python
CSS3 @media的基本用法总结
2019/09/10 HTML / CSS
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
c/c++某大公司的两道笔试题
2014/02/02 面试题
软件测试工程师笔试题带答案
2015/03/27 面试题
中软国际Java程序员机试题
2012/08/19 面试题
环境科学专业研究生求职信
2013/10/02 职场文书
名人演讲稿范文
2013/12/28 职场文书
《中彩那天》教学反思
2014/02/22 职场文书
县政府办公室领导班子个人对照检查材料
2014/09/16 职场文书
公务员检讨书
2014/11/01 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
团日活动总结格式
2015/05/11 职场文书
会计入职心得体会
2016/01/22 职场文书
各国货币符号大全
2022/02/17 杂记
MySQL中order by的执行过程
2022/06/05 MySQL
Win11 Beta 预览版 22621.575 和 22622.575更新补丁KB5016694发布(附更新内容大全)
2022/08/14 数码科技