VS2015 ionic 开发环境配置纪要

Posted 2020-09-17 jianyi

1）第一次安装Tools for Apache Cordova不成功，到Options检查依赖项，缺少Node等，重新下载了32为的nodeJs安装。然后运行VS安装程序，卸载Tools for Apache Cordova，重新安装，成功。

2）下载VS ionic模板

https://taco.visualstudio.com/en-us/docs/tutorial-ionic/#getTemplates

 

3)for error: ApacheCordovaToolsPackage package did not load correctly

solution: https://social.msdn.microsoft.com/Forums/en-US/0e5115ca-83a7-4294-8740-289b3f453fca/rtm-known-issue-store-menu-missing-manifest-designer-exception-package-load-failure-when-creating?forum=Win10SDKToolsIssues

 

4)选择 Andriod模拟器，报Andriod-23 SDK未安装，按照错误信息提示，到C:\\Program Files (x86)\\android\\android-sdk 打开SDK Manager，直接install，连接超时。

SOLUTION:

下载最新的SDK Took ols_r25.2.3-windows.zip https://developer.android.com/studio/index.html

这只是一个SDK的安装工具，并不是SDK。 这个文件解压后，没有安装程序，直接复制到一个空间大的盘即可。 运行其中的android.bat，打开SDK Manager，选择需要的SDK库。

选择哪些库参考： http://taco.visualstudio.com/en-us/docs/configure-vs-tools-apache-cordova/

设置环境变量：

Set the ADT_HOME environment variable to the SDK installation location.

Add this to the system path: %ADT_HOME%\\tools;%ADT_HOME%\\platform-tools

 

继续用VS Options， Tools for Apache Cordova ->Check Dependency, 用SKD Manager安装缺少的SKD 库 

 

按照VS Optons中Cordova Tools检查依赖项 下载的 installer_r23-windows.exe 安装后不能下载SDK。需要直接到andariod官方站点下载SDK TOOL最新版本。

 

5） for error:cordova-build error : java.lang.UnsupportedClassVersionError: com/android/dx/command/Main : Unsupported major.minor version 52.0

原因应该是VS安装程序自动安装的java版本是1.7，而andriod sdk最新使用的java是1.8，

solution：下载jdk 1.8安装 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

同时，设置在VS Options 中  java路径 设置为为 C:\\Program Files (x86)\\Java\\jdk1.8.0_131

 

6）部署andriod 模拟器又失败，但错误信息是读文件的错误，用管理员身份启动VS后，问题解决

7）adariod模拟器启动时，提示一个消息：run an x86 based Android Virtual Device (AVD) is fast 10x faster，We strongly recommend create a new ADC, 怎么才能默认启动x86的模拟器呢？

SDK Tools的Tools-》Manage AVDs，可以创建AVD可修改现有AVD的配置。

不知道怎么指定用那个AVD，所以修改了默认AVD（AVD_GalaxyNexus_ToolsForApacheCordova）的CPU配置，为x86

error： emulator: ERROR: x86 emulation currently requires hardware acceleration!

CPU acceleration status: Please disable Hyper-V before using the Android Emulator.  Start a command prompt as Administrator, run \'bcdedit /set hypervisorlaunchtype off\', reboot.

定制hyperV服务后，

 

8)安装了ionic2项目模板，创建项目后，出现npm ERR! 404 \'angular/core\' is not in the npm registry.

通过错误信息，VS使用的node路径为： C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External\\node

这个的版本为node -v v0.10.31， 而全局安装的node版本为6.x, 将C:\\Program Files (x86)\\nodejs\\node.exe覆盖到vs的目录

但是VS使用的npm版本（C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External）依然不对（如何升级npm？）。

solution：按照这篇文章 https://ryanhayes.net/synchronize-node-js-install-version-with-visual-studio-2015/

直接设置VS使用全局安装的node和npm

 

9)启动部署inoic2项目是，出现ts编译错误，无法识别readonly关键字。应该是typeScript版本不对，可以通过VS -》 Help检查安装的typescript版本

升级typescript ： https://blogs.msdn.microsoft.com/typescript/2016/09/22/announcing-typescript-2-0/  download TypeScript 2.0 for Visual Studio 2015

10)再次部署ionic2项目，npm modules加载成功，但是出现莫名错误，删除ionic2项目，重新创建，部署成功。

11）没有出现tabs页面，出现提示页：You\'re almost ready! If you\'re seeing this page, then you still need to install the NPM Task Runner extension for Visual Studio and run this app again. You can download the extension from: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.NPMTaskRunner

按照提示信息，安装NPM Task Runner

但是发现右键package.json没有出现Task Runer Exploere菜单，到VS->Views->Other Windows 打开Task Runer Exploer。

终于搞定！

12)build android error when download grade

solution: http://www.cnblogs.com/freewsf/p/5802217.html  (下载到本地)

 

13)build error:Could not reserve enough space for 2097152KB object heap

solution:http://www.cnblogs.com/slmk/p/6260224.html

大体的意思是系统内存不够用，创建VM失败。

开始->控制面板->系统->高级设置->环境变量->系统变量

新建变量：
变量名: _JAVA_OPTIONS   
变量值: -Xmx512M

 退出cmd窗口，重新执行

 

14）Debug on VS Emulator error:  Could not locate the Android Debug Bridge (adb.exe)

修改注册表中的android sdk path

HKEY_LOCAL_MACHINE\\SOFTWARE\\Wow6432Node\\Android SDK Tools

这是因为vs指定的sdk目录和你实际的不一致
运行 regedit 修改注册表
HKEY_LOCAL_MACHINE\\SOFTWARE\\Wow6432Node\\Android SDK Tools  键-Path
修改Path值为Android sdk路径,问题解决
注意:sdk路径下要有  \\platform-tools\\adb.exe

 

15)import exist ionic project:

https://taco.visualstudio.com/en-us/docs/tutorial-ionic/

 

16)ionic build android error: cordova Process \'command \'build-tools\\25.0.3\\aapt.exe\'\' finished with non-zero exit value 1

按照提示，输入ionic build android --debug， 发现提示ANDROID_HOME环境变量没设置，设置好后，依然有错误，

再次按照提示，直接运行出错的cmd：增加 --stacktrace参数

D:\\Future_TFS\\BM1-5\\src\\FuceFPMobile\\FuceFPMobileClient\\platforms\\android\\gradlew cdvBuildDebug -b D:\\Future_TFS\\BM1-5\\src\\FuceFPMobile\\FuceFPMobileClient\\platforms\\android\\build.gradle -Dorg.gradle.daemon=true -Pandroid.useDeprecatedNdk=true --debug  --stacktrace

发现，有几个图片，文件名是中文，提示添加失败，删除图片，问题解决