cordova使用中遇到的問題有哪些

這篇文章主要介紹了cordova使用中遇到的問題有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

簡介

Cordova提供了一組設備相關的API，通過這組API，移動應用能夠以JavaScript訪問原生的設備功能，如攝像頭、麥克風等。Cordova還提供了一組統一的JavaScript類庫，以及為這些類庫所用的設備相關的原生后臺代碼。Cordova支持如下移動操作系統：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

入門第一步：下載資源庫并集成到項目中來

去下載cordova 庫的源碼 可以去github上下載 也可以去官網下載。其實官網上的代碼也是放到github上的！

官方網站：http://cordova.apache.org/

github資源下載地址：https://github.com/apache/cordova-ios   

本地下載地址：http://xiazai.jb51.net/201711/yuanma/cordova-ios(jb51.net).rar

使用 CocoaPods進行第三方庫的管理 我之前用的是cordova3.8.0 前幾天不久更新到了4.0.1 。 4.0.1 只支持8.0以上  以下的你用CocoaPods 更新會提示錯誤！注意一下就可以了！

platform :ios, '8.0'

pod 'Cordova', '~> 4.0.1'

入門第二步：如何在項目中正確的集成 cordova4.0.1 庫

1. 配置 Config.xml   很重要

Config.xml is a global configuration file that controls many aspects of a cordova application's behavior. This platform-agnostic XML file is arranged based on the W3C'sPackaged Web Apps (Widgets)specification, and extended to specify core Cordova API features, plugins, and platform-specific settings.For projects created with the Cordova CLI (described in The Command-Line Interface), this file can be found in the top-level directory:

大致意思就是: config.xml 是一個全局配置文件，控制一個cordova應用行為的許多方面。這種平臺無關的XML文件是基于w3c'spackaged Web應用程序設置（widgets）規范，并擴展到指定核心cordovaAPI功能，插件和平臺的具體設置。與科爾多瓦CLI創建的項目（描述在命令行界面)

http://cordova.apache.org/docs/en/6.x/config_ref/index.html 官方詳解

2. 顯示html5頁面需要一個容器 在這里使用CDVViewController類 進行html5的顯示以及控制 當然也可以自定義一個容器繼承CDVViewController類做一些定制功能。

如何使用如下:

self.cordovaManageVC= [[CordovaManageVCalloc]init];

self.cordovaManageVC.startPage=@"http://www.baidu.com";

[self.navigationControllerpushViewController:self.cordovaManageVCanimated:YES];

3. 設置用戶代理

- (instancetype)init {

self= [superinit];

if(self!=nil) {

//設置用戶代理 如不設置無法調用與H5定制的JavaScript方法進行交互

NSString* original = [CDVUserAgentUtiloriginalUserAgent];

NSString* userAgent = [originalstringByAppendingString:@"delegateUserName"];

self.baseUserAgent= userAgent;

}

returnself;

}

4. 自定義插件 需要使用到 cordova的CDVPlugin類 用子類來集成CDVPlugin 

/**

*返回控件

*

*@param command

*/

- (void)back:(CDVInvokedUrlCommand*)command;

定制完成之后需要在confing.xml 進行配置 

以上就是cordova 最基本的用法了；

使用 Cordova 遇到的一些問題

問題一

問題

[Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually. Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to inclde path to valid SDK directory.]
ERROR building one of the platforms: Error: cmd: Command failed with exit code

解決辦法

ANDROID_HOME=D:\apps\Android\sdk
PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

問題二

問題

Error: Could not find an installed version of Gradle either in Android Studio,
or on your system to install the gradle wrapper. Please include gradle
in your path, or install Android Studio

解決辦法

從 https://services.gradle.org/distributions/ 下載最新gradle包并安裝。

ANDROID_HOME=/home/kongxx/Android/Sdk
GRADLE_HOME=/apps/gradle-3.2.1
PATH=$PATH:$ANDROID_HOME/tools/:$ANDROID_HOME/platform-tools:$GRADLE_HOME/bin

問題三

問題

使用 “cordova build android” 打包的時候報錯：Error: Could not find gradle wrapper within Android SDK.

$ cordova build android
CHCP plugin after prepare hook:
 config-file set to http://www.tjdr.info/EWT/chcp.json
ANDROID_HOME=/home/kongxx/Android/Sdk
JAVA_HOME=/opt/jdk8
Error: Could not find gradle wrapper within Android SDK. Might need to update your Android SDK.
Looked here: /home/kongxx/Android/Sdk/tools/templates/gradle/wrapper

解決辦法

查看了一下 /home/kongxx/Android/Sdk/tools/templates/gradle/wrapper 目錄，目錄確實不存在，于是檢查了一下 android-studio 環境，發現可以在 plugins/android/lib/templates 目錄下包括上面的內容，于是，果斷copy之。

$ cp -rf android-studio/plugins/android/lib/templates /home/kongxx/Android/Sdk/tools/

問題四

問題

使用Cordova打包時報錯：Error: spawn EACCES

$ cordova build android
CHCP plugin after prepare hook:
 config-file set to http://www.tjdr.info/EWT/chcp.json
ANDROID_HOME=/home/kongxx/Android/Sdk
JAVA_HOME=/opt/jdk8
Subproject Path: CordovaLib
Error: spawn EACCES

解決辦法

sudo chmod -Rf 755 ~/Android

問題五

問題

在 cordova 中使用瀏覽器測試的時候，默認啟動的是 google-chrome 瀏覽器，比如：

cordova run browser

解決辦法

可以使用 –target 來指定想使用的瀏覽器。

cordova run browser --target=opera
cordova run browser --target=firefox

感謝你能夠認真閱讀完這篇文章，希望小編分享的“cordova使用中遇到的問題有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!