jquery.min.js:2 Uncaught Error: [$injector:modulerr]

App.js

var app = angular.module('friendsList', []);

friendsList.controller('mainCtrl', function($scope) { $scope.name = "Leon Gaban"; })

jquery.min.js:2 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.10/$injector/modulerr?p0=friendsList.....

I am getting this error , Please help while i am working on angular 1.6.10 +laravel 5.6

Gallery application in AngularJS

<link rel="stylesheet" type="text/css" href="{{ asset('bower_components/bootstrap/dist/css/bootstrap.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/app.css') }}">
<script>var baseUrl = "{{ url('/') }}/" </script>
<meta name="csrf-token" content="{{ csrf_token() }}">

<script type="text/javascript" src="{{asset('bower_components/bootstrap/dist/js/bootstrap.min.js')}}"  ></script>
<script type="text/javascript" src="{{asset('bower_components/angular/angular.min.js')}}"></script>

<script type="text/javascript" src="{{asset('bower_components/angular-route/angular-route.min.js')}}"></script>
<script type="text/javascript" src="{{asset('bower_components/angular-cookies/angular-cookies.min.js')}}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>
<script type="text/javascript" src=" {{asset('js/app.js')}} "></script>


<script type="text/javascript" src=" {{asset('js/models.js')}} "></script>