Oi pessoal espero que vocês estejam bem,
fiz um aplicativo preto iônico simples e modifiquei seu app.js para criar estados
O aplicativo está funcionando muito bem com o comando de serviço iônico, mas quando eu o instalo no telefone Android com o Android de execução iônica, ele exibe uma tela branca em branco.
inspetor do cromo mostra o erro seguinte
Falha ao carregar recursos (arquivo view.html não encontrado)
Falha ao carregar recursos (arquivo newView.html não encontrado)
arquivo view.html como painel
aqui está o código do meu arquivo app.js
angular.module ('inicial', ['iônico'])
.run (function ($ ionicPlatform) {
$ ionicPlatform.ready (function () {
// Oculte a barra de acessórios por padrão (remova-a para mostrar a barra de acessórios acima do teclado
// para entradas de formulário)
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar (true);
}
if (window.StatusBar) {
StatusBar.styleDefault ();
}
});
})
.controller ("AppController", função ($ exemplo, $ escopo, $ http) {
console.log ("olá");
})
.config (function ($ stateProvider, $ urlRouterProvider, $ ionicConfigProvider) {
$ ionicConfigProvider.navBar.alignTitle ('center')
$ stateProvider
.state ('view', {
url: "/ view",
abstrato: falso,
// controlador: 'AppController',
templateUrl: "/ templates / view.html"
})
.state ('viewRecord', {
url: "/ viewRecord",
// controller: 'AppController',
templateUrl:"/templates/viewRecord.html"
})
.state('edit', {
url: "/edit",
// controller: 'AppController',
templateUrl:"/templates/editRecord.html"
})
.state('delete', {
url: "/delete",
// controller: 'AppController',
templateUrl:"/templates/deleteRecord.html"
})
.state('new', {
url: "/new",
// controller: 'AppController',
templateUrl:"/templates/newRecord.html"
})
$urlRouterProvider.otherwise('/view');
});
aqui meu view.html
<ion-header-bar class="bar bar-balanced">
<h1 class="title">Database Tester</h1>
</ion-header-bar>
<ion-content>
<div class="card">
<div class="item item-balanced">
Welcome to Database Tester.
</div>
<div class="item item-text-wrap">
Please Select an Option to test the database.
</div>
<div class="option">
<button class="button opt button-balanced" ui-sref="new" href="/new">New Record</button>
<button class="button opt button-balanced" ui-sref="edit" href="/edit">Edit Record</button>
<button class="button opt button-balanced" ui-sref="viewRecord" href="/viewRecord">View Record</button>
<button class="button opt button-balanced" ui-sref="delete" href="/delete">Delete Record</button>
</div>
<div class="item"></div>
<div class="item item-balanced">
</div>
</div>
</ion-content>
<div class="bar bar-footer bar-balanced">
<div class="title" ui-sref="view" href="/view"><i class="icon ion-home"></i></div>
</div>
aqui está meu index.html
Talvez mude
templateUrl:"/templates/newRecord.html"
para ("/ templates ..." -> "./templates ....")
templateUrl:"./templates/newRecord.html"
Saudações @ secret4info!
Fechei esse problema porque meus sensores indicaram que ele era antigo e inativo e pode já ter sido corrigido em versões recentes do Ionic. No entanto, se você ainda estiver enfrentando esse problema, sinta-se à vontade para reabri-lo criando um novo e inclua todos os exemplos e outras informações necessárias para que possamos analisá-lo melhor.
Obrigado por me permitir ajudá-lo.
Sei que isso ficou obsoleto e está fechado, mas eu tive exatamente esse problema, e a resposta de tlkiong estava exatamente correta. Parece que o dispositivo nativo precisava do ponto final no templateUrl, ao passo que a execução no navegador da web não. Ambos trabalham para mim agora.
templateUrl: "./ templates / newRecord.html"
Comentários muito úteis
Talvez mude
para ("/ templates ..." -> "./templates ....")