Angular JS error angular.js:38Uncaught Error: [$injector:modulerr]

Question

While loading my index.html i am facing this error

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>

I am running it on my node.js code which is

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);

I am getting index.html correctly but in google chrome inspection it is showing me error

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)

i think you have to load javascript library file, please check — Ashish Patel
– Ashish Patel, Commented Nov 26, 2016 at 6:04
<script src="code.jquery.com/jquery-2.2.4.js"></script> you can either download library into your local :code.jquery.com/jquery-2.2.4.js , — Ashish Patel
– Ashish Patel, Commented Nov 26, 2016 at 6:08

Community · Accepted Answer · 2017-05-23 12:10:18Z

1

Your code is working fine in our machines.

As you said in one comment that you are getting the old files always, it should be cache problem

If it is the cache problem, steps to clear cache in chrome.

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.

If you want to remove cached views from the code.

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.

Also you can,

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

edited May 23, 2017 at 12:10

CommunityBot

11 silver badge

answered Nov 26, 2016 at 6:25

Sravan

18.7k3 gold badges33 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Abhishek Parikh Over a year ago

I've tried all the old data was deleted my passwords and all still somehow browser loads mine old file

Sravan Over a year ago

old file means? the html or the data?

Abhishek Parikh Over a year ago

old html and js file

Sravan Over a year ago

open your browser console, go to network tab, refresh the page, and while refreshing, right click on network tab and click on, clear browser cookies, then press alt+f5

Sravan Over a year ago

okay great, every time you fave a cache issue, try the steps in above comment.

|

Sajeetharan · Accepted Answer · 2016-11-26 06:05:45Z

1

Same code works here

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>

answered Nov 26, 2016 at 6:05

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

8 Comments

Pankaj Parkar Over a year ago

This answer doesn't make sense, rather you should add plunkr in comment, and ask OP for more inputs

Abhishek Parikh Over a year ago

@sajeetharan Does that mean I should try with another file named script.js

Sajeetharan Over a year ago

@AbhishekParikh Not necessary see here jsfiddle.net/sajeetharan/tc6z0r66

Sajeetharan Over a year ago

@AbhishekParikh check if your angular script file is loaded in the network tab

Abhishek Parikh Over a year ago

200 file found Angular.min.js

|

Ashish Patel · Accepted Answer · 2016-11-26 06:13:13Z

1

Simply add this line after your angular.js script line:

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

it will work..

edited Nov 26, 2016 at 6:13

answered Nov 26, 2016 at 6:11

Ashish Patel

1,04115 silver badges27 bronze badges

Collectives™ on Stack Overflow

Angular JS error angular.js:38Uncaught Error: [$injector:modulerr]

3 Answers 3

7 Comments

8 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related