Я продолжаю получать [$ инжектор: modulerr] в angularJS

Question

Я перехожу на свою JS как можно лучше, но я не могу найти никаких вопиющих проблем. Я получаю следующее: Uncaught Error: [$injector:modulerr] Failed to instantiate module careApp due to: Error: [$injector:nomod] Module 'careApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

Я также убедился, что я использую правильные модули и зависимости. Кажется, что ничего неправильного или неуместного.

Я думаю, что что-то делать с разделом в моих JS $routeProvider ...

'use strict'; 

(function() { 

    var AppCtrl; 
    AppCtrl = function() { 
    function AppCtrl($scope) { 
     $scope.list = [{ 
     label: 'Main Menu', 
     icon: 'fa fa-home fa-fw 4x', 
     link: '#/homePage', 
     move: function() { 
      console.log("HOME"); 
     } 
     }, { 
     label: 'Patient', 
     icon: 'fa fa-user fa-fw 4x', 
     link: '#/pCredential', 
     move: function() { 
      console.log("PATIENT"); 
     } 
     }, { 
     label: 'Technician', 
     icon: 'fa fa-user-md fa-fw 4x', 
     link: '#/tLogin', 
     move: function() { 
      console.log("TECHNICIAN"); 
     } 
     }, { 
     label: 'Administrator', 
     icon: 'fa fa-cogs fa-fw 4x', 
     link: '#/aLogin', 
     move: function() { 
      console.log("ADMINISTRATOR"); 
     } 
     }]; 
    } 
    return AppCtrl; 
    }(); 
    // Declare app level module which depends on views and components 
    angular.module('careApp', [ 
     'ngRoute', 
     'ngMaterial', 
     'ngAria', 
     'ngAnimate' 
    ]) 
    .config(['$routeProvider', function($routeProvider) { 
     $routeProvider 
     .when('#/homePage' { 
      template: '<p>WELCOME HOME!</p>' 
     }). 
     when('#/pCredential' { 
     template: '<p>INSERT CREDENTIALS INTO NODE.</p>' 
     }). 
     when('#/tLogin' { 
     template: '<p>PLEASE LOGIN TO THE TECHNICIAN PAGE.</p><p>GET CREDENTIALS FROM OWNER.</p>' 
     }). 
     when('#/aLogin' { 
     template: '<p>ADMINISTRATOR ACCESS.</p>' 
     }) 

     //load default page on page refresh 
     .otherwise({ 
     redirectTo: '/appLaunch' 
     }); 
    }]) 

    .controller('AppCtrl', ['$scope', AppCtrl]); 

}()); 

Текущий Fiddle: https://jsfiddle.net/Miega/mowwckze/3/

Любая помощь очень ценится.

Answer 1

Отсутствуют запятые после первого параметра во всех определениях маршрутов .when.

$routeProvider 
    .when('#/homePage', { 
    template: '<p>WELCOME HOME!</p>' 
    }). 
    when('#/pCredential', { 
    template: '<p>INSERT CREDENTIALS INTO NODE.</p>' 
    }). 
    when('#/tLogin', { 
    template: '<p>PLEASE LOGIN TO THE TECHNICIAN PAGE.</p><p>GET CREDENTIALS FROM OWNER.</p>' 
    }). 
    when('#/aLogin', { 
    template: '<p>ADMINISTRATOR ACCESS.</p>' 
    })