公司前端界面用的是vue,我要嵌入到Android中生成App
第一步:安裝node
node安裝:直接進(jìn)入官網(wǎng)https://nodejs.org/zh-cn/,下載最新版本安裝。安裝之后在命令行中使用”node -v” 檢查安裝是否成功。
npm安裝:由于新版的nodejs已經(jīng)集成了npm,所以node安裝時(shí)npm也一并安裝好了。同樣可以通過輸入 “npm -v” 來測(cè)試是否成功安裝。
第二步:安裝cordova
1. 打開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)存等都沒有解決
最終解決辦法是: 在環(huán)境變量中添加一個(gè)系統(tǒng)變量,變量名:_JAVA_OPTIONS
,變量值:-Xmx512M(這個(gè)絕對(duì)有效,沒用的話重啟電腦重試)
命令運(yùn)行成功后打包完成,在真機(jī)中運(yùn)行即可
總結(jié)
以上所述是小編給大家介紹的解決cordova+vue 項(xiàng)目打包成APK應(yīng)用遇到的問題,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com