Ionic-cli: Falha ao carregar recursos (view.html não encontrado)

Criado em 28 jul. 2015  ·  3Comentários  ·  Fonte: ionic-team/ionic-cli

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






<pre i = "57"> <code i = "58"> $ # $ 2 $ # $ </code> </pre> <pi = "59"> <br i="60"/> </p> <pre i = "61"> <code i = "62"> $ # $ 3 $ # $ </code> </pre> <pi = "63"> <br i="64"/> </p> </div> <div> <div class="float-right"> <a class="text-muted" href="https://www.github.com/ionic-team/ionic-cli/issues/537" rel="nofollow noreferrer" target="_blank" onclick="dataLayer.push({'event': 'GAEvent', 'eventCategory': 'click', 'eventAction': 'source_bottom', 'eventLabel': 'Source Bottom', 'eventValue': undefined});">Fonte</a> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/12621700?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>secret4info</strong> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div id="ph-above-best-comment"> </div> </div> <div class="col-12 mb-4 best-comment"> <div> <h2 class="mb-3"><i class="fas fa-check mr-2"></i>Comentários muito úteis</h2> </div> <div class="card card-custom border-lg-success mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Talvez mude</p><pre><code class="prettyprint">templateUrl:"/templates/newRecord.html" </code></pre><p>para ("/ templates ..." -> "./templates ....")</p><pre><code class="prettyprint">templateUrl:"./templates/newRecord.html" </code></pre> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5483026?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>tlkiong</strong> <span class="text-muted ml-1">em 5 ago. 2015</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">3</span> </div> </div> </div> </div> </div> <div class="col-12"> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="9295564578" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="col-12 d-flex align-items-center mb-4"> <h2>Todos 3 comentários</h2> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Talvez mude</p><pre><code class="prettyprint">templateUrl:"/templates/newRecord.html" </code></pre><p>para ("/ templates ..." -> "./templates ....")</p><pre><code class="prettyprint">templateUrl:"./templates/newRecord.html" </code></pre> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5483026?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="tlkiong picture"> <strong>tlkiong</strong> <span class="text-muted ml-1">em 5 ago. 2015</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">3</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Saudações @ secret4info!</p><p>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.</p><p>Obrigado por me permitir ajudá-lo.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/452425?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="adamdbradley picture"> <strong>adamdbradley</strong> <span class="text-muted ml-1">em 30 dez. 2015</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>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.</p><p>templateUrl: "./ templates / newRecord.html"</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/7048381?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="alphagopher picture"> <strong>alphagopher</strong> <span class="text-muted ml-1">em 10 nov. 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Esta página foi útil?</div> <div class="mt-1" onMouseLeave="rating(97631660, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(97631660, 1);" onclick="rate(97631660, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(97631660, 2);" onclick="rate(97631660, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(97631660, 3);" onclick="rate(97631660, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(97631660, 4);" onclick="rate(97631660, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(97631660, 5);" onclick="rate(97631660, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> avaliações</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Questões relacionadas</h2> <div> <strong> <a href="/pt/ionic-cli/190656087/the-c-of-ordova-cli-is-missing">O 'C' de 'ordova CLI' está faltando</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/763140?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="mpaland picture"> <strong class="pr-1" dir="ltr">mpaland</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comentários</span> </div> <hr /> <div> <strong> <a href="/pt/ionic-cli/161023516/ionic-start-newapp-ts-v2-typeerror-options-template-indexof">ionic start newApp -ts --v2 =&gt; TypeError: options.template.indexOf não é uma função</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/1583231?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="petermetz picture"> <strong class="pr-1" dir="ltr">petermetz</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comentários</span> </div> <hr /> <div> <strong> <a href="/pt/ionic-cli/221987115/v3beta7-unable-to-find-command-cordova-build-ios">v3beta7 - Não foi possível encontrar o comando: cordova build ios.</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/15949978?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="zoinkydoink picture"> <strong class="pr-1" dir="ltr">zoinkydoink</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comentários</span> </div> <hr /> <div> <strong> <a href="/pt/ionic-cli/320498277/all-flavors-must-now-belong-to-a-named-flavor-dimension">Todos os sabores agora devem pertencer a uma dimensão de sabor nomeada.</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/3384734?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="pookdeveloper picture"> <strong class="pr-1" dir="ltr">pookdeveloper</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comentários</span> </div> <hr /> <div> <strong> <a href="/pt/ionic-cli/195493709/ionic-serve-build-dev-failed-cannot-read-property-indexof-of">Ionic Serve - build dev falhou: não é possível ler a propriedade 'indexOf' de indefinido</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/1234531?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="richardshergold picture"> <strong class="pr-1" dir="ltr">richardshergold</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comentários</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepcoder logo"> bleep<strong>coder</strong> </a> <div class="mt-4"> bleepcoder.com usa informações licenciadas publicamente pela GitHub para fornecer aos desenvolvedores em todo o mundo soluções para seus problemas. Não somos afiliados à GitHub, Inc. nem a nenhum desenvolvedor que utilize GitHub para seus projetos. Nós não hospedamos nenhum dos vídeos ou imagens em nossos servidores. Todos os direitos pertencem a seus respectivos proprietários. </div> <div> Fonte para esta página: <a href="https://www.github.com/ionic-team/ionic-cli/issues/537" rel="nofollow noreferrer" target="_blank">Fonte</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Linguagens de programação populares</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/pt/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/pt/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/pt/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/pt/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/pt/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Projetos populares do GitHub</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/pt/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/pt/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/pt/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/pt/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="https://pythontwist.com" dir="ltr">pythontwist</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>Mais projetos GitHub</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/pt/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/pt/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/pt/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/pt/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> © 2024 bleepcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> Made with <i class="fas fa-heart"></i> in the Dominican Republic.<br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <!--<script defer type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5fb2db66acbd74b2"></script>--> <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>