javascript - '未捕获类型错误 : undefined is not a function' when putting controllers/services in a separate js file

Question

我试图将我的 Controller 和服务(以前全部在我的一个 app.js 文件中)分离到单独的 js 文件中。但是，我在一个单独的服务(如下所示的 authInterceptorService)的第一行收到一个 Uncaught TypeError: undefined is not a function 。

这是我的 app.js 中的模块代码:

var app = angular.module('AngularAuthApp', [
    'ngRoute',
    'LocalStorageModule',
    'angular-loading-bar'
]);

//some app.constants

这是我在单独的 authInterceptorService.js 文件中的服务(未捕获的 TypeError 发生在第一行:

app.factory('authInterceptorService', [
    '$q',
    '$injector',
    '$location',
    'localStorageService',
    function ($q, $injector, $location, localStorageService) {

//more code

        return authInterceptorServiceFactory;
    }
]);

我是否缺少正确的语法？我以为我遵循了 this stack post 中提供的示例。我还在我的 html 中引用这些单独的 js 文件。如果我的 Controller 或模块设置中缺少某些内容，或者我是否应该以其他方式执行此操作，请告诉我。

非常感谢您抽出宝贵的时间。如果您需要更多信息或者我不清楚，请告诉我。

Answer 1

将 authInterceptorService 放入您的 app.js 依赖项中。

所以:

var app = angular.module('AngularAuthApp', ['ngRoute', 'LocalStorageModule', 'authInterceptorService', 'angular-loading-bar']);