Failed to load resources when creating for Android emulator using Visual Studio tools for Apache Cordova in Visual Studio 2013

Question

I am using Visual Studio Tools for Apache Cordova for Microsoft Visual Studio 2013 CTP3.0.

I created a new solution using the "Ion Login Template".

The application works fine when I launch it in the Android Ripple - Nexus Galaxy online emulator, but not in the local Android developer tools “Android Emulator”.

I get the following output in the javascript console when VS builds a solution for a local emulator:

• Failed to load resource.
  File: ionic.bundle.js, Line: 0, Column: 0
• Failed to load resource.
  File: ionic.css, Line: 0, Column: 0
• Invalid CSS Property Name: Animation Time Function
  File: ionicons.min.css, Line: 6, Column: 1
• Unprepared ReferenceError: angular not defined
  File: app.js, Line: 8, Column: 0
• Current window: file: ///android_asset/www/index.html

Why was VS unable to load the resources ionic.bundle.js and ionic.css for the local emulator, and not for Ripple?

PS. For further information:

A) I installed the PhoneGap developer app on my Samsung Galaxy S3. I tried to go to the "bld \ Debug" folder of the solution in cmd and run "phonegap build android" and "phonegap serve", and the application works correctly on the phone.

B) I also tried to use the online build service PhoneGap and downloaded the resulting .apk file on my Galaxy phone, in which case the application did not start correctly as in the emulator, i.e. ionic.bundle.js and ionic.css failed for downloads.

Answer 1

Try to remove the starting href, src slashes

<link href="lib/ionic.css" rel="stylesheet"> <script src="lib/ionic.bundle.js"></script> 

It helps me.

Answer 2

Have you ever allowed? I just ran into the same problem and was able to solve it by moving the base href = "/" / 'tags after the' script 'to my index.html. I know this happened a few months later, but I wanted to share the fact that someone else came across this.

Answer 3

I have the same problem and I was able to fix it using different scripts from this example: https://code.msdn.microsoft.com/windowsapps/Ionic-SideMenu-Starter-8e905eb5

Copy the ion folder to your library and just change your

 <link href="/lib/ionic.css" rel="stylesheet"> <script src="/lib/ionic.bundle.js"></script> 

to

 <link href="lib/ionic/css/ionic.min.css" rel="stylesheet"> <script src="lib/ionic/js/ionic.bundle.min.js"></script> 

It helps me.