title: Angular.js (net::ERR_ABORTED 404 (Not Found))
body: <p>MY server configuration file</p>
  
  <pre><code>  const express=require('express');
  const app = express();
  const logger=require('./utils/logger');
  const bodyParser=require('body-parser');
  
  app.use(express.static('public'));
  app.use(bodyParser.urlencoded({extended:false}));
  app.use(bodyParser.json());
  app.set("view engine","ejs");
  app.use('/', require('./Routes/sellerRoutes'));
  app.listen(process.env.PORT||1234, (err)=&gt;{
  
      if(err) {
          console.log('An Error has occured', err);
          logger.error('Server Not Start ',err);
      }
  
      else {
  
          console.log("Server Started");
          logger.debug('Server Started');
      }
  })
  </code></pre>
  
  <p>My Routing file</p>
  
  <pre><code>const seller=require('express').Router();
  const logger=require('../utils/logger');
  const adminUser=require('../Models/Userclass');
  const password=require('../Models/Passchange');
  const operations=require('../db/Helpers/sellerOperations');
  
  seller.post('/change',(req,res)=&gt;{
  
      console.log('kkkkkkkkkkkkkk');
      res.render('change');
      var newPass=req.body.newPass;
      console.log("New Password:::",newPass);
      var confirmPass=req.body.confirmPass;
      console.log('Confirm Password:::',confirmPass);   
      var passPanel=new password(newPass,confirmPass);
      var pr=operations.findOneAndUpdate(passPanel);
  
      pr.then(data=&gt;{
          console.log(data);
          res.render('change',{newPass:data.newPass, confirmPass:data.confirmPass});
  
      })
  })
  
  
  seller.post('/submit',(req,res)=&gt;{
     res.render('submit');
  });
  module.exports=seller;
  </code></pre>
  
  <p>MY ejs (Template Engine) file</p>
  
  <pre><code>&lt;body class="section"&gt;
      &lt;h1&gt;&lt;center&gt;Password Change&lt;/center&gt;&lt;/h1&gt;
      &lt;form method="POST" action="submit"&gt;
          &lt;% var newPass;%&gt; &lt;% var confirmPass; %&gt;
          &lt;label for=""&gt;New Password:&lt;/label&gt;
          &lt;input type="password" id="newPass" name="newPass" value="&lt;%=newPass%&gt;"&gt;
  
      &lt;div class="cnfrm"&gt;
          &lt;label for=""&gt;Confirm Password:&lt;/label&gt;
          &lt;input type="password" id="confirmPass" name="confirmPass" value="&lt;%=confirmPass%&gt;"&gt;
      &lt;/div&gt;
          &lt;button id="chngepswd" class="btn btn-success"&gt;OK&lt;/button&gt;&lt;/a&gt;
      &lt;/form&gt;
      &lt;br&gt;
  &lt;/body&gt;
  </code></pre>
  
  
  
  <p>My Controller.js file</p>
  
  <pre><code>const app=angular.module('app', []);
  app.controller('adminctrl', ($scope,$http,$q)=&gt;{
      var newPass=$scope.newPass;
      var confirmPass=$scope.confirmPass;
  
  $scope.dochange()=function(){
      $http.post('http://localhost:1234/user').then((data)=&gt;{
  
          let defered = $q.defer();
          console.log(data);
          defered.resolve(data);
  
      }),then((err)=&gt;{
          console.log(err);
          defered.reject(err);
      })
  
      return defered.promise;
  }
  
  })
  </code></pre>
  
  <p>Index.html File</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" ng-app='app'&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
      &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"&gt;
      &lt;title&gt;Document&lt;/title&gt;
      &lt;script src="../bower_components/angular/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="../app.js"&gt;&lt;/script&gt;
      &lt;script src="../js/controller.js""&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;style&gt;
  
  &lt;/style&gt;
  &lt;body &gt;
      &lt;div ng-controller="adminctrl"&gt;
          &lt;div&gt;
              &lt;label for=""&gt;New Password&lt;/label&gt;
              &lt;input type="text" name="newPass" id="newPass" ng-model="newPass"&gt;{{newPass}}&lt;br&gt;
  
              &lt;label for=""&gt;Confirm Password&lt;/label&gt;
              &lt;input type="text" name="confirmPass" id="confirmPass" ng-model="confirmPass"&gt;{{confirmPass}}&lt;br&gt;
  
              &lt;button ng-click="dochange()"&gt;OK&lt;/button&gt;&lt;br&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;br&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  
  
  <p>I am making the front end for my web application. I made index.html file in public folder and I have made an js folder in which I have an controller.js file. I have declared the source of .js file in script tag in HTML file. </p>
  
  <p>But when I load the server it says controller is not found and I have installed bower package manager from which I have installed angular.js. My browser is not able to find neither the bower component in which there is my (angilar.min.js file) nor controller.js file.</p>
  
  <p>It says</p>
  
  <blockquote>
    <p>net::ERR_ABORTED 404 (Not Found) for every file and even for bower.</p>
  </blockquote>