android 最低兼容版本,vue cli3 es6 安卓低版本兼容问题

问题：

1.在测试在三星安卓7.0版本中报错，其他手机可以，低版本安卓手机出现白屏，(注释：如果静态div是正常的如图)

报错内容：

`[vue-router] Failed to resolve async component default: SyntaxError: Unexpected token ...

[vue-router] uncaught error during route navigation:

2.解决方案，当然是要使用bable神器啦，babel文档英文，看得也是一头雾水，在同事帮助下解决问题了，所以建议大家还是好好看babel文档。

安装依赖

npm i core-js -S

npm i @babel/plugin-transform-arrow-functions -D

npm i @babel/preset-env -D

npm i @babel/polyfill -s

在babel.config.js文件下配置(如下图)

vue.config.js 文件加上

chainWebpack: config => {

config.entry('main').add('@babel/polyfill');

module.exports = {

presets: [

[

'@vue/app',

{

useBuiltIns: 'usage',

corejs: '3.0.0'

}

[

'@babel/env',

{

useBuiltIns: 'usage',

corejs: '3.0.0',

targets: {

edge: '17',

firefox: '60',

chrome: '67',

safari: '11.1'

}

]

plugins: [

[

'import',

{

libraryName: 'vant',

libraryDirectory: 'es',

style: true

'vant'

'@babel/plugin-syntax-dynamic-import',

'@babel/plugin-transform-arrow-functions'

]

};

注释：~~~~

@babel/plugin-transform-arrow-functions 是我们要将上面的箭头函数编译，我们需要这个插件。

注意：在vue cli3 默认手脚框架也可以兼容低版本问题

presets: [

'@vue/cli-plugin-babel/preset'

android 最低兼容版本,vue cli3 es6 安卓低版本兼容问题相关推荐

怎样将高版本CAD图纸转换成低版本的DWG格式？
怎样将高版本CAD图纸转换成低版本的DWG格式?CAD图纸文件在绘制完成之后打开进行查看时候可能会出现的情况就是图纸版本问题而无法将其进行打开,这个时候就需要进行的操作就是将其进行版本间的转换操作,具 ...
解决vue/es6语法低版本安卓手机显示白屏的兼容性问题
低版本的安卓手机可能会白屏,是由新特性不支持引起的解决代码es6新特性兼容问题 1. npm 安装 npm install babel-polyfill npm install es6-promis ...
Vue cli版本更新，全局安装指定版本Vue cli3.x并继续使用Vue-cli2.x
安装Vue cli3.x 由Vue-cli 2.x 升级到Vue-cli3,需要全局卸载2.x版本.命令: npm uninstall vue-cli -g 安装Vue-cli3.x.使用命令(错误示 ...
【错误记录】Android 低版本使用分区存储错误 ( 低版本存储不得使用 MediaStore )
文章目录一.报错信息二.解决方案 Android 低版本系统中不能使用分区存储方式管理文件 ; 一.报错信息在 Android 999 版本中使用 MediaStore 进行分区存储 ; /** ...
CAD转换技巧：高版本CAD文件转换成低版本在线版最简单
CAD版本转换,在接触CAD的工作中是常见的问题了,因为CAD系统兼容的问题,有的图纸在另一个软件中根本打不开,到现在一直没有一个系统的快速解决方法,重要的是现在很多的转换软件都是要收费的好吗?不过不 ...
CATIA V5-6R2017为例解答高版本如何转换保存成低版本？
目前市面上的CATIA版本比较多,如:CATIA V5 R6~V5 R21,CATIA V5-6R2012~V5-6R2019等,有时候在工程师用惯了低版本的CATIA软件,在选择了高版本的CATIA ...
解决Xcode11-beta版本新创建iOS工程低版本黑屏的问题
大家估计也发现iOS 13或者说是Xcode 11-beta创建iOS工程不一样的地方了. Xcode 10 Xcode 11-beta 可以看得出来,Xcode 11-beta多了一个SceneDe ...
android ios 实时视频播放,vue 移动端视频自动播放兼容ios，安卓
安卓初始化自动播放首先创建一个jsmpeg.js文件,代码源文件放在百度网盘了,请自行下载百度网盘下载地址链接: https://pan.baidu.com/s/1bDvyrEAulMy8aYe ...
android系统9.0的设计风格,携安卓P版本首发华为EMUI9.0系统解析
[TechWeb]8月28日,华为官方开启了华为+荣耀9款机型EMUI9.0 Beta版升级内测招募.9月5日,华为消费者BG在国内首次发布了基于Android P版本的EMUI9.0版本.10月份, ...

android 最低兼容版本,vue cli3 es6 安卓低版本兼容问题

android 最低兼容版本,vue cli3 es6 安卓低版本兼容问题相关推荐

最新文章

热门文章

android 最低兼容版本,vue cli3 es6 安卓低版本 兼容问题

android 最低兼容版本,vue cli3 es6 安卓低版本 兼容问题相关推荐

最新文章

热门文章

android 最低兼容版本,vue cli3 es6 安卓低版本兼容问题

android 最低兼容版本,vue cli3 es6 安卓低版本兼容问题相关推荐