No puede cargar recursos al crear para Android Emulator utilizando Visual Studio Tools para Apache Cordova en Visual Studio 2013

Estoy utilizando Visual Studio Tools para Apache Cordova para Microsoft Visual Studio 2013 CTP3.0.

He creado una nueva solución utilizando la "Plantilla de inicio de sesión de Ionic".

La aplicación funciona bien cuando lo ejecuto en el "Ripple – Nexus Galaxy" en línea del servicio de emulador de Android, pero no en las herramientas locales para desarrolladores de Android "Android Emulator".

Tengo la siguiente salida en la consola javascript cuando VS construye la solución para el emulador local:

  • Error al cargar el recurso
    Archivo: ionic.bundle.js, Línea: 0, Columna: 0
  • Error al cargar el recurso
    Archivo: ionic.css, Línea: 0, Columna: 0
  • Nombre de propiedad de CSS no válido: animation-timing-function
    Archivo: ionicons.min.css, Línea: 6, Columna: 1
  • Uncaught ReferenceError: angular no está definido
    Archivo: app.js, Línea: 8, Columna: 0
  • Ventana actual: file: ///android_asset/www/index.html

¿Por qué VS no pudo cargar los recursos ionic.bundle.js y ionic.css para el emulador local y no para Ripple?

PD. Para mayor información:

A) He configurado la aplicación de desarrollador PhoneGap en mi Samsung Galaxy S3. He intentado navegar a la carpeta "bld \ Debug" de la solución en cmd y ejecutar "phonegap build android" y "phonegap servir" y la aplicación se ejecuta correctamente en el teléfono.

B) También intenté usar el servicio de compilación PhoneGap en línea y descargé el .apk resultante en el teléfono Galaxy y en ese caso la aplicación funcionó incorrectamente de la misma manera que en el emulador, es decir, ionic.bundle.js y ionic.css habían fallado cargar.

Intenta eliminar las href iniciales, src slashes

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

Me ayudó.

¿Alguna vez has resuelto? Acabo de ejecutar el mismo problema y se las arregló para resolver moviendo 'base href = "/" /' después de 'script' etiquetas en mi index.html. Sé que es meses más tarde, pero quería compartir en caso de que alguien más se topó con esto.

Tengo el mismo problema y pude arreglar con diversas escrituras de esta muestra: https://code.msdn.microsoft.com/windowsapps/Ionic-SideMenu-Starter-8e905eb5

Copie la carpeta iónica a su biblioteca y cambie su

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

a

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

Me ayudó.

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.