7

Utilizzo Visual Studio Tools per Apache Cordova per Microsoft Visual Studio 2013 CTP3.0.Impossibile caricare risorse durante la creazione di Emulatore Android utilizzando Visual Studio Tools per Apache Cordova in Visual Studio 2013

Ho creato una nuova soluzione utilizzando il "modello di accesso ionico".

L'appliczione funziona correttamente quando eseguo l'emulatore Android "Ripple - Nexus Galaxy", ma non negli strumenti di sviluppo Android locali "Emulatore Android".

ottengo il seguente output nella console JavaScript quando VS costruisce la soluzione per l'emulatore locale:

  • Impossibile caricare la risorsa
    file: ionic.bundle.js, Linea: 0, Column: 0
  • Impossibile caricare risorsa
    File: ionic.css, linea: 0, Column: 0
  • valido nome proprietà CSS: animazione-timing-funzione
    File: ionicons.min.css, linea: 6, Colonna : 1
  • Uncaught ReferenceError: angolare non è definito
    file: app.js, Linea: 8, Colonna: 0
  • attuale finestra: file: ///android_asset/www/index.html

Perché potrebbe VS non sta caricando le risorse ionic.bundle.js e ionic.css per l'emulatore locale e non per Ripple?

PS. Per ulteriori informazioni:

A) Ho installato l'app di sviluppo PhoneGap sul mio Samsung Galaxy S3. Ho provato a navigare nella cartella "bld \ Debug" della soluzione in cmd e in esecuzione "phonegap build android" e "phonegap serve" e l'applicazione funziona correttamente sul telefono.

B) Ho anche provato a utilizzare il servizio di creazione di PhoneGap online e ho scaricato il risultato .apk sul telefono Galaxy e in tal caso l'applicazione si è svolta incorrettamente nello stesso modo dell'emulatore, ad esempio ionic.bundle.js e ionic.css non è riuscito a caricare.

risposta

1

Ho lo stesso problema e sono stato in grado di risolvere con diversi script da questo campione: https://code.msdn.microsoft.com/windowsapps/Ionic-SideMenu-Starter-8e905eb5

Copia cartella ionica al vostro lib e basta cambiare il vostro

<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> 

Mi ha aiutato.

+1

Purtroppo questo non cambia nulla per me. Grazie però :) –

+0

Ottiene "Uncaught ReferenceError: angular is not defined", fonte: file: ///android_asset/www/js/Scan.js, sebbene disponga di cartelle angolari nelle mie librerie :( – Smitha

+0

Fai riferimento a 'ionic .bundle.js' prima di fare riferimento a '/ js/Scan.js'? –

6

tenta di rimuovere href partenza, src barre

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

Mi ha aiutato.

+0

Aggiungendo a ciò, sembra che la ragione per cui questo avvenga è perché nella distribuzione locale a ripple, è su root, quindi i lavori di root/di root. distribuito non lo è, quindi manca il leader/lascia che funzioni su percorsi home relativi dalla distribuzione dell'app. – Bon

3

Hai mai risolto? Ho appena eseguito lo stesso problema e sono riuscito a risolvere spostando i tag "base href ="/"/" dopo "script" nel mio index.html. So che sono mesi più tardi, ma volevo condividere nel caso in cui qualcun altro si fosse imbattuto in questo.

Problemi correlati