如何在我的Ionic app项目中添加Android支持?

时间:2016-12-27 07:11:27

标签: node.js eclipse cordova ionic-framework npm-install

我创建了一个Ionic应用程序项目。我想在我的应用中添加Android支持。为此,我使用“离子平台添加Android。但我的系统显示一些错误。我使用的是Windows机器。在cmd中显示的错误是

    Adding android project...

Running command: cmd "/s /c "C:\Users\SYSTEM-03\.cordova\lib\npm_cache\cordova-android\6.0.0\package\bin\create.bat E:\workspace\appstore\demoapp\platforms\android com.ionicframework.demoapp722446 demoapp --cli""

C:\Users\SYSTEM-03\.cordova\lib\npm_cache\cordova-android\6.0.0\package\bin\templates\cordova\lib\AndroidStudio.js:16
    for(file of eclipseFiles) {
             ^^
SyntaxError: Unexpected identifier
    at Module._compile (module.js:439:25)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object.<anonymous> (C:\Users\SYSTEM-03\.cordova\lib\npm_cache\cordova-android\6.0.0\package\bin\templates\cordova\lib\AndroidProject.js:24:21)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)

1 个答案:

答案 0 :(得分:1)

您需要安装所需版本的Java和Android studio。在java和android studio的环境变量中设置路径。

请按照以下步骤操作

<强>要求

为了安装离子骨架,我们应该有以下要求。它支持iOS 6 +,Android 4.0+。 Node.js的 Apache Cordova 离子的 混帐 Java JDK Apache Ant Android Studio Google Chrome Canary(可选)

Windows操作系统中的步骤 从这里下载并安装Node.js. (这里node.js是一个可执行文件)

安装Cordova 使用以下命令安装cordova。 (npm是node.js相关命令)

C:\ npm install -g cordova

安装标志性的

C:\ npm install -g ionic

安装Git 从这里下载并安装Git。安装时选择“从Windows命令提示符运行Git”选项。当我们想从github(.git文件)安装cordova插件时,将使用Git。

安装JDK,Apache Ant,Android Studio 从中安装最新的Java JDK(不仅仅是JRE) 为JAVA_HOME创建一个指向java JDK根文件夹的环境变量。

C:\ set JAVA_HOME=“C:\Program Files\Java\jdk7”

将JDK的bin添加到PATH环境变量

C:\ set PATH=%PATH%;“C:\Program Files\Java\jdk7\bin”

从此处下载Apache Ant。 将其解压缩到C:\ directory 将Ant的bin添加到PATH环境变量

C:\ set PATH=%PATH%;“C:\apache-ant-1.9.2\bin”

从此处下载Android Studio。 安装Android Studio 从Android Studio“配置”选项中打开“Android SDK Manager” 选择以下包。 Android SDK工具 Android SDK平台工具 适用于修订版20的Android SDK构建工具&amp; 19 Android 6.0(API 23) Android 4.4W.2(API 20) Android 4.4.2(API 19) Android支持库(来自附加功能) 单击“Install Packages”并接受所有包的许可。 Cordova需要设置ANDROID_HOME环境变量。

C:\ set ANDROID_HOME=“C:\android\sdk”

更新PATH变量以在该文件夹中包含tools/ and platform-tools/文件夹。

C:\ set PATH=%PATH%;%ANDROID_HOME%\tools
        C:\ set PATH=%PATH%;%ANDROID_HOME%\platform-tools

创建离子项目     我们可以在计算机上的某个地方创建Cordova-Ionic项目。 C:\ ionic start [blank / tabs / sidemenu / maps] C:\ cd

离子命令行功能: 一个。开始:    C:GT;离子启动myproj空白      在您运行此命令的目录中创建离子项目。

湾服务:    C:\的Myproj&GT;离子发球      启动本地开发服务器以运行项目。

℃。平台:    C:\的Myproj&GT;离子平台添加android      为所需的平台android或ios配置cordova。

d。建立:    C:\的Myproj&GT;离子构建android Build为我们指定的平台执行本地构建。这将在c:\ myproj \ platforms \ android \ ant-build位置创建CordovaApp-debug.apk文件。

即仿真:    C:\的Myproj&GT;离子模仿android      在指定平台中启动应用程序

F。跑:    C:\的Myproj&GT;离子运行android      在实际移动设备上部署并运行应用程序

克。在Windows机器上安装IOS模拟器test ios build    c:\ npm install -g ios-sim