web-dev-qa-db-fra.com

Échec du chargement de la ressource: le serveur a répondu avec un statut de 404 (non trouvé) angulaire js + ionique.

enter image description here

Ceci est l'erreur im ayant de Google Devt Tools. Quelqu'un sait le problème? J'ai essayé de changer à plusieurs reprises, y compris la structure de fichier et le stateProvider (pas de contrôleurs pour cela) dans le fichier app.js, mais cela ne semble pas être le problème. (le script est inclus dans app.js avec le nom de fichier et le répertoire corrects)

De plus, mes boutons de déconnexion et d'envoi ne fonctionnent pas. 


newpost.html  

<div class="modal slide-in-up" ng-controller="NavCtrl">
 <!-- Modal header bar -->
   <header class="bar bar-header bar-secondary">
      <button class="button button-clear button-primary" ng-click="close()">Cancel</button>
      <h1 class="title">New Shout</h1>
      <button class="button button-positive" ng-click="submitPost()">Done</button>
   </header>

<!-- Modal content area --> 
   <ion-content class="padding has-header">
       <form class ng-submit="submitPost()" ng-show="signedIn()"> 
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Title" ng-model="post.title">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Link" ng-model="post.url">
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
        </form>
    </ion-content>
</div>


fichier controller.js  

app.controller('NavCtrl', function ($scope, $firebase, $location, Post, Auth, $ionicModal) {
    $scope.post = {url: 'http://', title: ''};

    // Create and load the Modal
    $ionicModal.fromTemplateUrl('newpost.html', function(modal) {
      $scope.taskModal = modal;
    }, {
      scope: $scope,
      animation: 'slide-in-up'
    });
    // Open our new task modal
    $scope.submitPost = function () {
      Post.create($scope.post).then(function (postId) {   
        $scope.post = {url: 'http://', title: ''};  
        $location.path('/posts/' + postId);              
        $scope.taskModal.show();  
      });
    };
    $scope.close = function() {
      $scope.taskModal.hide();
    };
    $scope.logout = function () {
        Auth.logout();
    };
});


Page de la liste des articles, post.html  

<ion-header-bar class="bar-positive" ng-controller="NavCtrl">
   <button class="button button-clear" ng-click="submitPost()">New</button>
   <h1 class="title"><b><a class="navbar-brand" href="#/posts">MyApp</a></b></h1>
   <button class="button button-clear" ng-click="logout()">Logout</button>
</ion-header-bar>
javascripthtmlangularjsangular-ui-routerionic-framework
4
Thinkerer

404 signifie littéralement que le fichier n'a pas été trouvé. C'est simple comme ça . Vérifiez si l'URL est correcte et qu'aucune redirection n'est effectuée (utilisez fiddler). Peut-être que le protocole devrait être https: // plutôt que http: //? Peut-être avez-vous besoin de " www " dans l'URL? 

Cliquez sur l'URL donnée dans Chrome pour voir si le fichier existe.

6
Erti-Chris Eelmaa

Je ne sais pas si quelqu'un est intéressé, mais voici comment je l'ai résolu: La capture d'écran Error où le téléchargement échoue avec 503, puis 400 après 75% de progression

Le segment de code que j'utilise pour le téléchargement est 

 //Event: data.Event,
       // Date: data.Date,
      // Time: data.Time
var data = getData();
data.filename=uploadfile.name;
var metadata = {
    customMetadata: {
       data
    }
}

var storageRef = firebase.storage().ref().child("features");

console.log("Filenames to upload :" + uploadfile.name);

var fileRef = storageRef.child(uploadfile.name);

var uploadTask = fileRef.put(uploadfile,metadata);

Le problème était avec les métadonnées personnalisées, une fois que je l'ai changé comme ceci,

  var metadata = {
    customMetadata: {
        Event: data.Event,
        Date: data.Date,
        Time: data.Time
    }
}

le téléchargement a commencé à fonctionner. Donc, s'il y a une erreur dans la définition de métadonnées personnalisées, les erreurs de firebase et possible ne fournissent pas cette raison.

Capture d'écran de travailler ici Téléchargement réussi une fois les métadonnées personnalisées corrigées

0
Kameswaran Subbaraman