Ressource kann nicht geladen werden

Ich bin nur neu bei angularjs. Ich versuche, einen einfachen Controller in meiner index.html zu testen. Aber wenn ich es auf meinem localhost leite ich erhalte eine Fehlermeldung:Ressource kann nicht geladen werden

Failed to load resource: the server responded with a status of 404 (Not Found).

Hier ist meine Ordnerstruktur:

angulartesting 
-bower_components 
-index.html 
-script.js

Hier ist meine Datei index.html:

<!-- index.html --> 
<!DOCTYPE html> 
<html ng-app="store"> 
<head> 
    <!-- SCROLLS --> 
    <!-- load bootstrap and fontawesome via CDN --> 
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel='stylesheet' type='text/css' /> 

    <!-- SPELLS --> 
    <!-- load angular and angular route via CDN --> 
    <script src="/bower_components/angular/angular.min.js"></script> 
     <script src="/bower_components/angular-route/angular-route.js"></script> 
    <script src="script.js"></script> 
</head> 
<body > 
    <div ng-controller="StoreController as store"> 
    <h1>{{store.product.name}}</h1> 
    <h2>${{store.product.price}}</h2> 
    </div> 
    <script src="bower_components/bootstrap/js/bootstrap.min.js"></script> 
</body> 
</html>

Hier ist mein script.js:

// create the module and name it scotchApp 
    // also include ngRoute for all our routing needs 
(function(){ 
    var app = angular.module('store', []); 
    app.controller('StoreController',function(){ 
     this.product=gem; 
    }); 
    var gem = { 
     name:'Gaurav', 
     price:'220' 
    } 
})();

Kann mir jemand sagen, was ich falsch mache?
Ich verwende es auf meinem lokalen Server.

Quelle

2016-03-22 gaurav tiwari

wird der Fehler aus einer Zeile in der Javascript kommen? in der Regel zusammen mit einem Fehler 404 erhalten Sie die URL oder die Datei, die es nicht finden konnte –

Bitte aktualisieren Sie die Fehlermeldung in Ihrer Frage, was Sie genau bekommen. –

Nein, es kommt nicht aus der Javascript-Zeile @Scott Selby –

Versuchen Sie dies. Ich habe gerade Schrägstriche vor den Skriptquellen entfernt und das Attribut ng-app hinzugefügt.

<!-- index.html --> 
    <!DOCTYPE html> 
    <html ng-app="myApp"> 
    <head> 
     <!-- SCROLLS --> 
     <!-- load bootstrap and fontawesome via CDN --> 
    <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel='stylesheet' type='text/css' /> 

     <!-- SPELLS --> 
     <!-- **Removed forward slashes before script sources** --> 
     <script src="bower_components/angular/angular.min.js"></script> 
     <script src="bower_components/angular-route/angular-route.js"></script> 
     <script src="script.js"></script> 
    </head> 
    <body> 
     <div ng-controller="StoreController as store"> 
     <h1>{{store.product.name}}</h1> 
     <h2>${{store.product.price}}</h2> 
     </div> 
     <script src="bower_components/bootstrap/js/bootstrap.min.js"></script> 
    </body> 
    </html>

Hoffe, es hilft

Quelle

2016-03-22 06:36:20

Ich bekomme immer noch den gleichen Fehler: [Di Mär 22 2016 12:09:46 GMT + 0530 (IST)] "GET/index.html" Fehler (404): "Not found" –

Sie haben die index.html noch nicht auf Ihrem lokalen Server geladen. Anscheinend haben Sie Ihren lokalen Server nicht korrekt konfiguriert. Wie verwenden Sie den lokalen Server? –

Ich habe http-Server mit Npm-Paket installiert und ich bewege mich in das Verzeichnis, in dem meine Dateien sind und ich HTTP-Server vom Terminal ausführen. Wenn Sie mir sagen können, wie ich meinen lokalen Server konfigurieren kann, wird es eine große Hilfe sein. –

Ressource kann nicht geladen werden

Antwort

Verwandte Themen