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 安卓低版本 兼容问题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 总结一些网站加密和混淆技术
- 下一篇： 基于 SpringBoot + Vue