Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> PhoneGap || Cordova 安裝以及導入AndroidStudio 遇到的問題

PhoneGap || Cordova 安裝以及導入AndroidStudio 遇到的問題

編輯:關於Android編程

需要用到的資源再網上可以下載到

Java SDK,node.js,apache-ant,ADT(google提供的android開發工具,其實主要是需要android SDK)

第一步

配置環境變量

JAVA的環境變量就不說了 都會

配置 ant 的變量

和JAVA變量配置的方法一樣

創建ANT_HOME

把下載好的ant 路徑復制進去

\

接下來在PATH 裡面添加 ant\bin的路徑

\

在 CLASS_PATH裡面配置ant\lib的路徑

\

配置完成後 在doc命令下 輸入 ant 查看有沒有配置成功

\

和上圖一樣代表配置成功了

如果出現 不是內部命令 或者其他情況都是失敗的

重復上面的步驟直到成功


第二步

配置 ADT

在PATH 裡面添加 platform-tools路徑

\

以及tools 路徑

\

這兩個路徑都在Android SDK 目錄下面

第三步

下載 node.js 這個官網上有也就不廢話了.

下載完成後 安裝 直接next就行了

\

win7 開始 所有程序 找到 Node.js.command prompt 點擊

\


輸入 安裝 phonegap || cordova 的代碼

npminstall-gphonegap // Phonegap

npminstall-g cordova // cordova

\

安裝成功後 就會出現如上圖

Cordova安裝方法一樣

查看 相應的版本

\

至此都安裝成功了

第四步

在node.js 下面創建 cordova 或者 phonegap 的項目

cordova create 目錄名稱 : hello 包名: com.lh.hello 項目名稱: Test

\

創建成功 我的是在C:USER文件下面

\

找到之後 回到 node.js 頁面

關聯 AndroidStudio

先 輸入命令名 cd 目錄名 : hello
接著輸入

cordova platform add --save android

要等一會

\

這樣和android關聯成功第一步


還沒完


繼續輸入命令

cordova build


\

會出現一大堆代碼 找到

\

代表成功了

然後就可以打開你的Android Studio 導入項目了


\

注意上面的路徑 不要找錯了

點擊ok

開始導入


沒有報錯的話 就顯示成功

導入成功 點擊運行

\

項目在模擬器上跑起來了

如果一切順利的話 到這裡 整個PhoneGap/Cordova 已經安裝完成頓號關聯成功了

問題

\

就是上面的圖

在我添加AndroidStudio 輸入 phonegap build android(和cordova platform add --save android 的效果一樣 就是 一個是phonegap 一個是cordova) 時候 遇到過

當時以為是一個小錯誤 沒管直接導入AndroidStudio 中打包的時候還是報這個錯誤 (當時博主值裝了phonegap 並沒有裝cordova)

仔細一看 是版本不匹配或者版本過低導致的

於是從頭到尾檢查了一遍 jdk、phonegap的版本都檢查了一遍 都好著

在網上也搜了好久 看到一位大神的博客 作者記不清了 (著急忘了) 說是phonegap 有的不支持高版本的jdk 支持1.6的jdk 我的jdk 是1.7的 我以為是這個原因 於是決定裝cordova 試試 在輸入 cordova platform add --save anroid

ok 顯示成功 博主以為成功了

之後就導入AndroidStudio 悲催的又出現

\

找了好久

問題找到了


在我輸入 cordova platform add --save anroid 的時候 還有一步命令沒輸入

就是 cordova build


但是輸入後還是報相同的錯 看了看表早都下班了 公司也沒幾個人了

於是今天早上早早起來

在地鐵上搜看有沒有解決問題

結果還真找到了 由於在地鐵上人多 沒注意作者是誰 給作者點個贊

這個問題出現的原因是 我AndroidStudio 的版本工具 就是 Build-Tools 版本太高了 24.0

但是 博主的PhoneGap/Cordova
版本支持23.0的Build-Tools

解決的辦法就是

\


刪除這個Build Tools 24.0.2

再次輸入 cordova build 成功

感謝看到這裡 博主的廢話有點多

謝謝各位忍了這麼久

(最後 現在PhoneGap 和Cordova 是同一個 Phonegap是之前的名字現在的名字Cordova 看過PhoneGap發展的應該知道)

END

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved