解決cordova+vue 項目打包成APK應(yīng)用遇到的問題
公司前端界面用的是vue，我要嵌入到Android中生成App
第一步：安裝node
node安裝：直接進入官網(wǎng)https://nodejs.org/zh-cn/，下載最新版本安裝。安裝之后在命令行中使用”node -v” 檢查安裝是否成功。
npm安裝：由于新版的nodejs已經(jīng)集成了npm，所以node安裝時npm也一并安裝好了。同樣可以通過輸入 “npm -v” 來測試是否成功安裝。
第二步：安裝cordova
1. 打開cmd 輸入命令：npm install -g cordova .安裝cordova
2. 驗證是否安裝成功，cmd中輸入命令: cordova -v 如下圖為安裝成功
第三步：新建cordova項目：
1.（進入到Android項目的工作空間，輸入命令：cordova create DianChiApp com.dhsr.dianchi Dianchi）,如下圖：
2. 輸入命令：cordova platform add android 生成Android平臺的cordova庫，這時platforms文件夾中會生成一個android文件夾
生成的項目目錄如圖：
第四步：打包APK前測試
1. 先檢查androidsdk是否正確安裝，執(zhí)行命令：cordova requirements 成功情況如下圖：
第五步：正式打包APK
輸入命令：cordova build android
這步錯誤率很高 我的報錯：
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)境變量中添加一個系統(tǒng)變量，變量名：_JAVA_OPTIONS，變量值：-Xmx512M（這個絕對有效，沒用的話重啟電腦重試）
命令運行成功后打包完成，在真機中運行即可
總結(jié)
以上所述是小編給大家介紹的解決cordova+vue 項目打包成APK應(yīng)用遇到的問題,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
組件（Component）是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。這篇文章主要介紹了vue.js 中的組件，需要的朋友參考下2018-02-02
如何利用vscode-icons-js在Vue3項目中實現(xiàn)文件圖標展示
在開發(fā)文件管理系統(tǒng)或類似的項目時,我們常常需要根據(jù)文件類型展示對應(yīng)的文件圖標,這樣可以提高用戶體驗,本文將介紹如何在Vue3項目中利用vscode-icons-js庫,實現(xiàn)類似VSCode的文件圖標展示效果,感興趣的朋友一起看看吧2024-08-08
這篇文章主要介紹了關(guān)于Vue中的watch監(jiān)視屬性,Vue中的watch默認不監(jiān)視對象內(nèi)部值的改變,當被監(jiān)視的屬性變化時，回調(diào)函數(shù)自動調(diào)用，進行相關(guān)操作,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了在vue中使用?jquery?的兩種方法小結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue項目的html如何引進public里面的js文件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
vue3 組合式API defineEmits() 與 emits 組
在Vue中,defineEmits()是Vue3組合式API中用于聲明自定義事件的,而emits選項則用于Vue2和Vue3的選項式API中,defineEmits()允許使用字符串數(shù)組或?qū)ο笮问铰暶魇录?emits選項也支持這兩種形式,且驗證函數(shù)可以驗證事件參數(shù),這兩種方法都是為了更規(guī)范地在組件間通信2024-09-09
這篇文章主要介紹了詳解Vuejs2.0之異步跨域請求,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
Vue2中如何使用全局事件總線實現(xiàn)任意組件間通信
全局事件總線就是一種組件間通信的方式,適用于任意組件間通信,下面這篇文章主要給大家介紹了關(guān)于Vue2中如何使用全局事件總線實現(xiàn)任意組件間通信的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue.js中created方法作用及mounted和created的區(qū)別介紹，需要的朋友可以參考下2018-03-03
這篇文章主要介紹了vue中計算屬性和方法的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09