创建Cordova App Visual Studio 2015构建错误

Question

I thought I would try to build a cordova app with Visual Studio 2015, I normally use different IDEs for this (intellij and Netbeans) without any problems but fancied trying a new tool (as I do use VS for some web apps).

I have installed VS2015 Community and installed with the cordova tooling.

I thought I would do a test with the defaults and run, but I get build errors as per screen shot

Not sure what its on about..... If I run VS 2015 as administrator ( shortcut option - even though my user account is admin - nice one windows), I still get a build issue but no errors reported , anyone else experienced this ?

Running as Admin this is what screens look like for a blank cordova app

which I enabled by setting shortcut

Answer 1

As suggested above by @DeanB_Develop I looked at the output. which for interest is as follows;

    All packages are already installed and there is nothing to restore.
    NuGet package restore finished.
    1>------ Build started: Project: BlankCordovaApp2, Configuration: Debug Android ------
    1>  Your environment has been set up for using Node.js 0.10.35 (x64) and npm.
    1>  ------ Ensuring correct global installation of package from source package directory: C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\ApacheCordovaTools\packages\vs-tac
    1>  ------ Name from source package.json: vs-tac
    1>  ------ Version from source package.json: 0.2.19
    1>  ------ Package not currently installed globally.
    1>  ------ Installing globally from source package. This could take a few minutes...
    1>  npm WARN engine npm@1.3.4: wanted: {"node":">=0.6","npm":"1"} (current: {"node":"0.10.35","npm":"2.1.5"})
    1>  C:\Program Files (x86)\nodejs\vs-tac-cli -> C:\Program Files (x86)\nodejs\node_modules\vs-tac\vs-tac-cli.cmd
    1>  vs-tac@0.2.19 C:\Program Files (x86)\nodejs\node_modules\vs-tac
    1>  ├── rimraf@2.2.6
    1>  ├── ncp@0.5.1
    1>  ├── mkdirp@0.3.5
    1>  ├── q@1.0.1
    1>  ├── semver@2.3.1
    1>  ├── adm-zip@0.4.4
    1>  ├── fstream@0.1.28 (inherits@2.0.1, graceful-fs@3.0.6)
    1>  ├── elementtree@0.1.6 (sax@0.3.5)
    1>  ├── optimist@0.6.1 (wordwrap@0.0.2, minimist@0.0.10)
    1>  ├── tar@0.1.20 (inherits@2.0.1, block-stream@0.0.7)
    1>  ├── request@2.36.0 (json-stringify-safe@5.0.0, qs@0.6.6, forever-agent@0.5.2, aws-sign2@0.5.0, oauth-sign@0.3.0, tunnel-agent@0.4.0, mime@1.2.11, node-uuid@1.4.3, tough-cookie@1.1.0, http-signature@0.10.1, hawk@1.0.0, form-data@0.1.4)
    1>  ├── ripple-emulator@0.9.28 (connect-xcors@0.5.2, colors@0.6.0-1, open@0.0.3, accounting@0.4.1, request@2.12.0, moment@1.7.2, express@3.1.0)
    1>  └── plugman@0.22.4 (q@0.9.7, underscore@1.4.4, nopt@1.0.10, rc@0.3.0, npm@1.3.4, cordova-lib@0.21.6)
    1>  ------ npm install failed. Exit code: 0
    ========== Build: 0 succeeded, 1 failed, 0 up-to-date, 0 skipped ==========
    ========== Deploy: 0 succeeded, 0 failed, 0 skipped ==========

The only thing I could see was a npm WARN but not sure if this was causing the problem.

So I visited the following page after googling that shows the tools that can be installed independatly https://msdn.microsoft.com/en-au/library/dn771551.aspx

The only thing that stood out was 'Ant'. I currently have it installed but its WinAnt living in my Program files. I did choose the option for Ant when installing the cordova tools so not sure what happened to that- maybe my winant scared it off...

I downloaded the version from that page and extracted it to a folder c:\\apache-ant-xxx

Then updated the ANT_HOME environment variable to point to the new folder rather than WinAnt and also added the new folder path to the system path.

Then loaded Visual studio again and run the project.

Yay it works, now to start doing some actual work :).

Answer 2

Check the output window after your build. This will provide much more detailed information. You can access the output window:

View > Output

or

CTRL + W, O

In the "Show output from:" drop down, select "build"

Answer 3

When you initially installed VS 2015, did you choose to install the "Common Tools and Software Development..." feature. If not, go to Windows' Add/Remove programs in the Control Panel, and choose to modify the VS 2015 installation and checkmark it. Hope this helps.

Answer 4

Download APACHE ANT and extract it to a folder c:\\apache-ant-xxx Then updated the ANT_HOME environment variable to point to the new folder (rather than WinAnt) and add the new folder path to the system path. ;)