title: failed to load resource , the server responded with a status of 500(internal server error) and failed to parse SourceMap
body: <p>This is the server.js file</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var express = require('express');
  var app = express();
  var mongoose = require('mongoose');
  var bodyParser = require('body-parser');
  app.use(bodyParser.json());
  
  mongoose.connect("mongodb://localhost/test");
  
  var todoschema = new mongoose.Schema ({
   name : {type: String, required: true}
   });
  
  var todomodel = mongoose.model('todolist',todoschema);
  
  app.get('/',function(req,res){
  
      res.sendFile('C:\\Users\\Rohit\\Desktop\\New folder\\files\\index.html');  
  })
  
  app.get('/todolist', function (req, res){
      todomodel.find(function(err,tasks){
        res.json(tasks);
       });
  });
  
  app.post('/todolist', function (req, res) {
    
    todomodel.insert(req.body, function(err, task) {
      res.json(task);
    });
  });
  
  app.delete('/todolist/:id', function (req, res) {
    
   todomodel.remove(req.params.id, function (err, task) {
      res.json(task);
    });
  });
  
  app.get('/todolist/:id', function (req, res) {
    
    todomodel.findById(req.params.id, function (err, task) {
      res.json(task);
    });
  });
  
  app.put('/todolist/:id', function (req, res) {
    
    todomodel.findAndModify({
       query: req.params.id,
       update: {$set: {name: req.body.name}},
       new: true}, function (err, task) {
        
        res.json(task);
      }
    );
  });
  
  app.listen(3000);
  console.log("Server running on port 3000");</code></pre>
  </div>
  </div>
  </p>
  
  <p>this is the index.html file</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="App"&gt;
  &lt;head&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"&gt;&lt;/script&gt;
  &lt;script &gt;
   var App = angular.module('App',[]);
  App.controller('Ctrl',['$scope','$http',function($scope,$http) {
           
      var reset = function(){
        $http.get('/todolist').success(function(response){
          $scope.todolist=response;
          $scope.task="";
          });
       };
  
    reset();
  
  $scope.addtask = function() {
    
    $http.post('/todolist', $scope.task).success(function(response) {
          console.log("added");
         reset();
      });
   };
  
  $scope.deletetask = function() {
    $http.delete('/todolist/'+ id).success(function(response){
        reset();
        });
     };
   
  $scope.edittask = function(id) {
     $http.get('/todolist/'+ id).success(function(response){
         $scope.task=response;
       });
     };
  
  $scope.updatetask = function(id){
     $http.put('/todolist/'+$scope.task._id, $scope.task).success(function(response){
         reset();
      });
   };
  
  $scope.clearfield = function(){
     $scope.task="";
  }
  
  }]);
  
  
  &lt;/script&gt;
  
  &lt;style&gt;
  #list   
  { margin-left:320px;
    font-size: 40px;
    font-family:verdana;
  }
  button     
  { color:yellow;background-color:red;text-align:center;cursor:pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    font-size:40px;
    padding: 14px 32px;
  }
  button:hover
  { background-color:peachpuff;
    color:tomato;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body style="background-color:cyan;"&gt;
  
  &lt;div ng-controller="Ctrl"&gt;
  
  &lt;h1 style="text-align:center;font-family:verdana;"&gt;To-Do LiSt&lt;/h1&gt;
  
  &lt;div style="margin-left:300px"&gt;
  &lt;input type="text" ng-model="task.name" style="background-color:black;color:white;font-size:40px;width:40%"&gt;
  &lt;button ng-click="addtask()"&gt;Add&lt;/button&gt;&amp;nbsp;
  &lt;button ng-click="updatetask()"&gt;Update&lt;/button&gt;&amp;nbsp;&lt;button ng-click="clearfield()"&gt;Clear&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;ul&gt;
  &lt;li id="list" ng-repeat="task in todolist"&gt;
  {{task.name}}
  &lt;button ng-click="deletetask(task._id)"&gt;Delete&lt;/button&gt;&amp;nbsp;&amp;nbsp;&lt;button ng-click="edittask(task._id)"&gt;Edit&lt;/button&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>these are the errors i get in the console</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>http://localhost:3000/todolist Failed to load resource: the server responded with a status of 500 (Internal Server Error)
  http://localhost:3000/todolist/undefined Failed to load resource: the server responded with a status of 500 (Internal Server Error)
  Failed to parse SourceMap: https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js.map</code></pre>
  </div>
  </div>
  </p>
  
  <p>I ran the server.js file from my CMD, and when i opened the localhost:3000 , i got my html file as a webpage , but the buttons weren't working and whenever i pressed the buttons , the above errors got displayed in the console. I figured out that the angularjs part isn't working , but i don't know how to resolve it , please suggest me a solution to make my todolist page work </p>