解決cordova+vue 項(xiàng)目打包成APK應(yīng)用遇到的問題
公司前端界面用的是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)注明出處,謝謝!
相關(guān)文章
如何利用vscode-icons-js在Vue3項(xiàng)目中實(shí)現(xiàn)文件圖標(biāo)展示
在開發(fā)文件管理系統(tǒng)或類似的項(xiàng)目時(shí),我們常常需要根據(jù)文件類型展示對(duì)應(yīng)的文件圖標(biāo),這樣可以提高用戶體驗(yàn),本文將介紹如何在Vue3項(xiàng)目中利用vscode-icons-js庫(kù),實(shí)現(xiàn)類似VSCode的文件圖標(biāo)展示效果,感興趣的朋友一起看看吧2024-08-08
vue項(xiàng)目的html如何引進(jìn)public里面的js文件
這篇文章主要介紹了vue項(xiàng)目的html如何引進(jìn)public里面的js文件,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12
vue3 組合式API defineEmits() 與 emits 組
在Vue中,defineEmits()是Vue3組合式API中用于聲明自定義事件的,而emits選項(xiàng)則用于Vue2和Vue3的選項(xiàng)式API中,defineEmits()允許使用字符串?dāng)?shù)組或?qū)ο笮问铰暶魇录?emits選項(xiàng)也支持這兩種形式,且驗(yàn)證函數(shù)可以驗(yàn)證事件參數(shù),這兩種方法都是為了更規(guī)范地在組件間通信2024-09-09
Vue2中如何使用全局事件總線實(shí)現(xiàn)任意組件間通信
全局事件總線就是一種組件間通信的方式,適用于任意組件間通信,下面這篇文章主要給大家介紹了關(guān)于Vue2中如何使用全局事件總線實(shí)現(xiàn)任意組件間通信的相關(guān)資料,需要的朋友可以參考下2022-12-12

