javascript - 我不断收到 [$injector :modulerr] in angularJS

Question

我正在尽我所能检查我的 JS，但我似乎找不到任何明显的问题。我得到以下信息: 未捕获错误:[$injector:modulerr] 无法实例化模块 careApp，原因是:
错误:[$injector:nomod] 模块“careApp”不可用!您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

我已确保使用正确的模块和依赖项。似乎没有任何拼写错误或不合适的地方。

我认为这与我的 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>'
  })