无法解决index.html中的错误

Question

err: file:///F:/test/controller/addcontrollers Failed to load resource: net::ERR_FILE_NOT_FOUND file:///F:/test/controller/showcontrollers Failed to load resource: net::ERR_FILE_NOT_FOUND

angular.min.js:37Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.4/ $injector/modulerr?p0=app&p1=Error%3A%20%…2F%2F%2FF%3A%2Fworksapce%2Fangular%2Ftest%2Fjs%2Fangular.min.js%3A40%3A435)

index.html

<div class="container">
    <div class="row">
    <div class="col-md-3">
        <ul class="nav">
            <li><a href="#AddOrders"> Add Order </a></li>
            <li><a href="#ShowOrders"> Show Order </a></li>
        </ul>
    </div>
    <div class="col-md-9">
        <div ng-view></div>
    </div>
    </div>
</div>
</script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<script src="controller/addcontrollers"></script>
<script src="controller/showcontrollers"></script>

Answer 1

They need to be .js files. You're trying to load them like in node :-)

<script src="controller/addcontrollers.js"></script>
<script src="controller/showcontrollers.js"></script>

Answer 2

Remove these script tag from your html.

 <script src="controller/addcontrollers"></script>
 <script src="controller/showcontrollers"></script>

Instead you can use these controllers like :

  <div class="container" ng-controller="addcontrollers">
                OR      
  <div class="container" ng-controller="showcontrollers">