解決cordova+vue 項目打包成APK應用遇到的問題
公司前端界面用的是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(這個絕對有效,沒用的話重啟電腦重試)
命令運行成功后打包完成,在真機中運行即可
總結
以上所述是小編給大家介紹的解決cordova+vue 項目打包成APK應用遇到的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!
相關文章
html-webpack-plugin修改頁面的title的方法
這篇文章主要介紹了html-webpack-plugin修改頁面的title的方法 ,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-06-06Vue中對watch的理解(關鍵是immediate和deep屬性)
watch偵聽器,是Vue實例的一個屬性,是用來響應數(shù)據(jù)的變化,需要在數(shù)據(jù)變化時執(zhí)行異步或開銷較大的操作時,這個方式是最有用的,這篇文章主要介紹了Vue中對watch的理解,需要的朋友可以參考下2022-11-11vue3.x源碼剖析之數(shù)據(jù)響應式的深入講解
這篇文章主要給大家介紹了關于vue3.x源碼剖析之數(shù)據(jù)響應式的相關資料,在講解過程中,我們會對比Vue2.x的API特性,使用有哪些區(qū)別,需要的朋友可以參考下2022-01-01vue中子組件向父組件傳遞數(shù)據(jù)的實例代碼(實現(xiàn)加減功能)
這篇文章主要介紹了vue中子組件向父組件傳遞數(shù)據(jù)的實例代碼(實現(xiàn)加減功能) ,需要的朋友可以參考下2018-04-04