当前位置: 首页 > news >正文

android file 4.4.1,vuejs文件在android低版本中(5.1,4.4)报错。导致页面空白

问题:在VS2017使用vue开发APP中的页面,打包出来的vuejs文件 在android低版本的中显示空白。

打开调试页面显示错误信息如下:

b65b57fc5d611df07db7047c5a06d435.png

原因:低版本内置的浏览器(webview)版本太低,无法解析 ES2015最新的一些语法。需要在Webpack中配置babel-loader,还需要在项目最外层添加一个.babelrc文件用于babel默认解析ES2015中的特殊语法(例如: const,let等)

解决步骤:

1:

npm install -D babel-loader@7 babel-core babel-preset-env webpack

安装完后运行报错,因为babel-loader安装的是最新版,建议我改成7,所以重新安装了

"babel-loader": "^7.1.5",

2:在package.json中”devDependencies”: {}后面添加

"babel": {

"presets": [

"env"

],

"plugins": []

}

如图:

ffe861113e2ed293c96d3e5df0c62c69.png

3:在Wabpack的webpack.config.js配置文件中添加

{

test:/\.js$/,

exclude: /node_modules/,

loader: "babel-loader"},

如图:

e20c3ff23050df27c8f6fd6349eb554e.png

然后运行项目:npm run dev,或者npm run start。

结果报错:

Module build failed (from ./node_modules/babel-loader/lib/index.js)

第二行就是具体的错误了,一般是缺少依赖,

比如Couldn't find preset "stage-2" relative to directory。就安装一下stage-2。

如果没有提示缺少什么依赖。可以删掉node_modules文件和package-lock.json,重新npm install。

参考地址使用VS2017开发APP中使用VUE.js开发遇到打包出来的android文件 在低版本的android(4.3)中无法正常使用

相关文章:

  • win7小米手机驱动安装是 其他设备内不显示android,win7系统连接小米4手机不显示“便捷式盘符”的解决方法...
  • 小米装android4.4,刷机之家教你设置小米MIUI/Android 4.4双系统(二)
  • android开源系统brvah,Brvah——一个强大的Adapter框架
  • html5改变窗口大小,js怎么改变窗口大小?js改变窗口大小方法
  • html网页设计需求分析,网页设计需求分析方法
  • 2021兰州三中高考成绩查询,2021兰州中考(初中学业水平测试)多少分考入高中 分数控制线预测分析...
  • 少数民族高考成绩查询2021,内蒙古2021高考民族汉考三级成绩查询时间及方法 什么时候查询...
  • 计算机专业英语考试题库,计算机专业英语-中国大学mooc-题库零氪
  • 图像处理与计算机视觉算法及应用 第2版,图像处理与计算机视觉算法及应用教程(源码+pdf)...
  • 在线计算机字符编码查询,字符编码
  • 举例说明应用计算机技术求解问题的步骤,下面举例说明UGFEA的应用-计算机工程学院.doc...
  • html邮件会不会是病毒,邮件病毒不得不防 去除来信病毒有另法
  • ios html css,IOS 7 - css - html height - 100% = 692px
  • 计算机专业i英语,计算机专业英语词汇
  • 计算机网络网线制作教案,制作网线教案.doc
  • hexo+github搭建个人博客
  • 《微软的软件测试之道》成书始末、出版宣告、补充致谢名单及相关信息
  • 【RocksDB】TransactionDB源码分析
  • 11111111
  • CAP 一致性协议及应用解析
  • CentOS7简单部署NFS
  • JavaScript 事件——“事件类型”中“HTML5事件”的注意要点
  • Java教程_软件开发基础
  • Map集合、散列表、红黑树介绍
  • nodejs调试方法
  • VUE es6技巧写法(持续更新中~~~)
  • Vue2.0 实现互斥
  • webgl (原生)基础入门指南【一】
  • Webpack 4 学习01(基础配置)
  • 使用 Docker 部署 Spring Boot项目
  • 硬币翻转问题,区间操作
  • [地铁译]使用SSD缓存应用数据——Moneta项目: 低成本优化的下一代EVCache ...
  • ​​​​​​​​​​​​​​Γ函数
  • ​io --- 处理流的核心工具​
  • ​总结MySQL 的一些知识点:MySQL 选择数据库​
  • ###C语言程序设计-----C语言学习(3)#
  • ###项目技术发展史
  • #define,static,const,三种常量的区别
  • (20050108)又读《平凡的世界》
  • (42)STM32——LCD显示屏实验笔记
  • (C)一些题4
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (八十八)VFL语言初步 - 实现布局
  • (笔试题)合法字符串
  • (五)关系数据库标准语言SQL
  • (转)全文检索技术学习(三)——Lucene支持中文分词
  • .net core 连接数据库,通过数据库生成Modell
  • .Net MVC + EF搭建学生管理系统
  • .net 反编译_.net反编译的相关问题
  • .net 开发怎么实现前后端分离_前后端分离:分离式开发和一体式发布
  • .net(C#)中String.Format如何使用
  • .NET设计模式(8):适配器模式(Adapter Pattern)
  • .NET中GET与SET的用法
  • [ABP实战开源项目]---ABP实时服务-通知系统.发布模式
  • [C++]拼图游戏