角度JSエラーangular.js：38Uncaughtエラー：[$インジェクター：modulerr]私のindex.htmlをロードしている間

は、私はこのエラー

に直面していたindex.html

<html> 
<head>Testing 
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js" ></script> 
<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope,$http) { 
    $scope.submit= function(){ 
var data = { 
    book: {    
    author: $scope.author, 
    title : $scope.title, 
    body : $scope.body 
    } 
} 

$http.post("/", data).success(function(data, status) { 
    console.log('Data posted successfully'); 
}) 
    } 
}); 
</script> 
</head> 

<body ng-app="myApp">  
    <div ng-controller="myCtrl"> 
    <form> 
     Author: 
     <input type="text" ng-model="author"> 
     <br> 
     <br> Title: 
     <input type="text" ng-model="title"> 
     <br> 
     <br> Body: 
     <input type="author" ng-model="body"> 
     <br> 
     <br> 
     <input type="submit" value="Submit" ng-click="submit()"> 
    </form> 
    </div> 
</body> 
</html>

私はそれを実行しています

server.js

var express = require('express'); 
var bodyParser = require('body-parser'); 
var app = express(); 
var path = require('path'); 


app.use(express.static(__dirname + './public')); 
app.use(express.static(path.join(__dirname, 'public'))); 
app.use(bodyParser.urlencoded({ extended: true })); 
app.use(bodyParser.json()); 


app.get('/', function(req, res){ 
    res.sendFile(__dirname +'/index.html'); 
}); 

app.post('/', function(req,res){ 
    console.log(req.body) 
    res.sendFile(__dirname +'/index1.html'); 
}); 

console.log('server running at 3000!') 
app.listen(3000);

01である私のNode.jsのコードに

私が正しくのindex.htmlを取得していますが、Googleクロームの検査で、私が

angular.js:38Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.6/ $injector/modulerr?p0=myApp&p1=Error%3A%2…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.6%2Fangular.min.js%3A21%3A332)

出典

2016-11-26 Abhishek Parikh

は、私はジャバスクリプトファイルをロードする必要がありますねえアシシュどちらを –

確認してくださいすることができますか？ –

既にangle.min.jsが含まれています。@AshishPatel –

あなたのコードは私たちのマシンで正常に動作しています。あなたは常に古いファイルを取得している1つのコメントで言ったように、それは、明確なキャッシュでクロムまでの手順キャッシュの問題である場合

、それはcache problem

をする必要があります。

1) Open Chrome. 
2) On your browser toolbar, tap More . 
3) Tap History, and then tap Clear browsing data. 
4) Under "Clear browsing data," select the checkboxes for Cookies and site data and Cached images and files. 
5) Use the menu at the top to select the amount of data that you want to delete. ... 
6) Tap Clear browsing data.

キャッシュされたビューをコードから削除する場合は、

app.run(function($rootScope, $templateCache) { 
    $rootScope.$on('$routeChangeStart', function(event, next, current) { 
     if (typeof(current) !== 'undefined'){ 
      $templateCache.remove(current.templateUrl); 
     } 
    }); 
});

Here is a link where you get these sort of answers.

また、あなたは、私はあなたがJavaScriptライブラリファイルをロードするために持っていると思う

1) Open your browser console 
2) Go to network tab 
3) Refresh the page 
4) While refreshing, right click on network tab and click on, clear browser cookies, then press alt+f5

出典

2016-11-26 06:25:06 Sravan

古いデータはすべて私のパスワードを削除してみましたが、何らかの方法でブラウザに古いファイルがロードされています –

古いファイルを意味しますか？ 'html'か' data'ですか？ – Sravan

古いhtmlとjsファイル –

同じコードをエラー表示されるが

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope, $http) { 
 
    $scope.submit = function() { 
 
    var data = { 
 
     book: { 
 
     author: $scope.author, 
 
     title: $scope.title, 
 
     body: $scope.body 
 
     } 
 
    } 
 

 
    $http.post("/", data).success(function(data, status) { 
 
     console.log('Data posted successfully'); 
 
    }) 
 
    } 
 
});

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script> 
 

 

 
    <script src="script.js"></script> 
 
</head> 
 

 

 
<body ng-app="myApp">  
 
    <div ng-controller="myCtrl"> 
 
    <form> 
 
     Author: 
 
     <input type="text" ng-model="author"> 
 
     <br> 
 
     <br> Title: 
 
     <input type="text" ng-model="title"> 
 
     <br> 
 
     <br> Body: 
 
     <input type="author" ng-model="body"> 
 
     <br> 
 
     <br> 
 
     <input type="submit" value="Submit" ng-click="submit()"> 
 
    </form> 
 
    </div> 
 
</body> 
 
    
 

 
</html>

出典

2016-11-26 06:05:45 Sajeetharan

この答えは理にかなっていません。コメントにplunkrを追加し、OPにさらに入力を求めるようにしてください。 –

@sajeetharanそれでは、script.jsという名前の別のファイルを試してみる必要がありますか？ –

@sajeetharan –

は、単にあなたの角度の後にこの行を追加します。ここで働きます.jsスクリプト行：

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>

それは動作します..

出典

2016-11-26 06:11:35

ここでjqueryはなぜですか？ – Sajeetharan

角度JSエラーangular.js：38Uncaughtエラー：[$インジェクター：modulerr]私のindex.htmlをロードしている間

答えて

関連する問題