リソースを読み込めません

私はangularjsを初めて使用しています。私はindex.htmlでシンプルなコントローラをテストしようとしています。しかし、私は私のローカルホスト上でそれを実行していたとき、私はエラーを取得しています：ここでリソースを読み込めません

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

は私のフォルダ構造である：ここで

angulartesting 
-bower_components 
-index.html 
-script.js

は私の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>

ここに私の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' 
    } 
})();

誰かが私が間違っていることを教えてもらえますか？
ローカルサーバー上で実行しています。

出典

2016-03-22 gaurav tiwari

を役に立てば幸いJavaScriptでラインから来る誤りのですか？通常は404エラーとともに、URLまたはファイルが見つかりませんでした。 –

正確に何を得ているのかという質問のエラーメッセージを更新してください。 –

JavaScriptの行から来ないものはありません@Scott Selby –

これを試してください。スクリプトソースの前にスラッシュを削除し、ng-app属性を追加しました。

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

は、それが

出典

2016-03-22 06:36:20

私はまだ同じエラーが発生しています：[Tue Mar 22 2016 12:09:46 GMT + 0530（IST）]「GET /index.html」エラー（404）： "Not found" –

ローカルサーバーにindex.htmlをまだ読み込んでいません。ローカルサーバーを正しく構成していないようです。どのようにローカルサーバーを使用していますか。 –

私はnpmパッケージを使用してhttp-serverをインストールしました。私は自分のファイルがあるディレクトリに移動し、ターミナルからhttp-serverを実行します。あなたが私のローカルサーバをどのように設定すればよいか教えていただけたら、大きな助けになるでしょう。 –

リソースを読み込めません

答えて

関連する問題