解決cordova+vue 項(xiàng)目打包成APK應(yīng)用遇到的問(wèn)題
公司前端界面用的是vue，我要嵌入到Android中生成App
第一步：安裝node
node安裝：直接進(jìn)入官網(wǎng)https://nodejs.org/zh-cn/，下載最新版本安裝。安裝之后在命令行中使用”node -v” 檢查安裝是否成功。
npm安裝：由于新版的nodejs已經(jīng)集成了npm，所以node安裝時(shí)npm也一并安裝好了。同樣可以通過(guò)輸入 “npm -v” 來(lái)測(cè)試是否成功安裝。
第二步：安裝cordova
1. 打開(kāi)cmd 輸入命令：npm install -g cordova .安裝cordova
2. 驗(yàn)證是否安裝成功，cmd中輸入命令: cordova -v 如下圖為安裝成功
第三步：新建cordova項(xiàng)目：
1.（進(jìn)入到Android項(xiàng)目的工作空間，輸入命令：cordova create DianChiApp com.dhsr.dianchi Dianchi）,如下圖：
2. 輸入命令：cordova platform add android 生成Android平臺(tái)的cordova庫(kù)，這時(shí)platforms文件夾中會(huì)生成一個(gè)android文件夾
生成的項(xiàng)目目錄如圖：
第四步：打包APK前測(cè)試
1. 先檢查androidsdk是否正確安裝，執(zhí)行命令：cordova requirements 成功情況如下圖：
第五步：正式打包APK
輸入命令：cordova build android
這步錯(cuò)誤率很高 我的報(bào)錯(cuò)：
Error occurred during initialization of VM Could not reserve enough space for 2097152KB object heap
Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Failed to install 'cordova-plugin-whitelist':Error: cmd: Command failed with exit code 1 at ChildProcess.whenDone (D:\CordovaSpace\helloWorld\platforms\android\cordova\node_modules\cordova-common\src\superspawn.js:169:23) at emitTwo (events.js:106:13) at ChildProcess.emit (events.js:191:7) at maybeClose (internalild_process.js:850:16) at Process.ChildProcess._handle.onexit (internalild_process.js:215:5) Error: cmd: Command failed with exit code 1
在百度找了很多解決辦法 改變AS的內(nèi)存等都沒(méi)有解決
最終解決辦法是： 在環(huán)境變量中添加一個(gè)系統(tǒng)變量，變量名：_JAVA_OPTIONS，變量值：-Xmx512M（這個(gè)絕對(duì)有效，沒(méi)用的話重啟電腦重試）
命令運(yùn)行成功后打包完成，在真機(jī)中運(yùn)行即可
總結(jié)
以上所述是小編給大家介紹的解決cordova+vue 項(xiàng)目打包成APK應(yīng)用遇到的問(wèn)題,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
基于vue.js中關(guān)于下拉框的值默認(rèn)及綁定問(wèn)題
今天小編就為大家分享一篇基于vue.js中關(guān)于下拉框的值默認(rèn)及綁定問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
html-webpack-plugin修改頁(yè)面的title的方法
這篇文章主要介紹了html-webpack-plugin修改頁(yè)面的title的方法 ，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
下面小編就為大家分享一篇vue的安裝及element組件的安裝，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
Vue中對(duì)watch的理解(關(guān)鍵是immediate和deep屬性)
watch偵聽(tīng)器，是Vue實(shí)例的一個(gè)屬性，是用來(lái)響應(yīng)數(shù)據(jù)的變化，需要在數(shù)據(jù)變化時(shí)執(zhí)行異步或開(kāi)銷較大的操作時(shí)，這個(gè)方式是最有用的，這篇文章主要介紹了Vue中對(duì)watch的理解,需要的朋友可以參考下2022-11-11
件間傳參是vue開(kāi)發(fā)過(guò)程中一個(gè)很常見(jiàn)的應(yīng)用,對(duì)于我們后端開(kāi)發(fā)來(lái)說(shuō),每次看到這種組件傳參的代碼就一頭霧水,下面這篇文章主要給大家介紹了關(guān)于VUE3傳值相關(guān)的6種方法,需要的朋友可以參考下2023-04-04
使用Vue-axios進(jìn)行數(shù)據(jù)交互的方法
這篇文章主要介紹了使用Vue-axios進(jìn)行數(shù)據(jù)交互詳情，文章圍繞Vue-axios進(jìn)行數(shù)據(jù)交互的相關(guān)資料展開(kāi)詳細(xì)內(nèi)容，需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)或工作有所幫助2022-03-03
本篇文章主要介紹了vue渲染函數(shù)render的使用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
vue3.x源碼剖析之?dāng)?shù)據(jù)響應(yīng)式的深入講解
這篇文章主要給大家介紹了關(guān)于vue3.x源碼剖析之?dāng)?shù)據(jù)響應(yīng)式的相關(guān)資料,在講解過(guò)程中,我們會(huì)對(duì)比Vue2.x的API特性,使用有哪些區(qū)別,需要的朋友可以參考下2022-01-01
這篇文章主要介紹了Vue如何由本地js中存放的url地址獲取圖片問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-09-09
vue中子組件向父組件傳遞數(shù)據(jù)的實(shí)例代碼(實(shí)現(xiàn)加減功能)
這篇文章主要介紹了vue中子組件向父組件傳遞數(shù)據(jù)的實(shí)例代碼(實(shí)現(xiàn)加減功能) ,需要的朋友可以參考下2018-04-04