AngularJS延迟错误:参数'fn'不是一个函数，而是一个对象

我有这个错误很多次，终于找到了完美和简单的解决方案。只要把你的控制器名称放在'when'结构中，像这样加引号:

.when( '/dashboard', {
    templateUrl: 'views/dashboard/dashboard.html',
    controller: 'Dashboard',
    resolve: Dashboard.resolve
}

.when( '/dashboard', {
    templateUrl: 'views/dashboard/dashboard.html',
    controller: Dashboard,
    resolve: Dashboard.resolve
}

返回控制器对象:

var myCtrl = myApp.controller('whatever'...   

但是route需要实际的控制器功能。所以…假设这是你的控制器和解决:(注意我命名的控制器'IndexCtrl'…我认为你没有在你的代码中这样做)

myApp = angular.module('myApp')
var IndexCtrl = myApp.controller('IndexCtrl', function($scope){ 
   .. blah blah... 
})
IndexCtrl.resolve = {
  loadData:function(){ ... blah blah... }
}

你可以让angular通过传入名称来查找控制器。(注意控制器引用是一个字符串)

.when('/',{controller:'IndexCtrl', resolve:IndexCtrl.resolve})

如果在工厂中链接时不小心包含了额外的括号，也会发生

坏:

myModule.factory('monkey', ['$http', MonkeyFactory()]);

好:

myModule.factory('monkey', ['$http', MonkeyFactory]);

我也有同样的问题。您可以通过执行以下操作来解决此问题。

从路由中删除控制器声明。方法。所以这…

.when( '/dashboard', {
        templateUrl: 'views/dashboard/dashboard.html',
        controller: Dashboard,
        resolve: Dashboard.resolve
    } 

变成了这个…

 .when( '/dashboard', {
        templateUrl: 'views/dashboard/dashboard.html',
        resolve: Dashboard.resolve
    } 

<div ng-controller="DashboardCtrl">{{Some fancy dashboard stuff}}</div>

或者像这样错误地在工厂/控制器的名称后面进行了注入;

angular.module('MyModule')
    .factory('MyFactory', 'AnotherFactory', ['$http', function($http, AnotherFactory){
        // CODE HERE
    }]);

正确的方式;

angular.module('MyModule')
    .factory('MyFactory', ['$http', 'AnotherFactory', function($http, AnotherFactory){
        // CODE HERE
    }]);

我在Coffeescript中使用Karma进行模块模拟时遇到此错误。

解决方案是在($提供)->函数的末尾添加"返回null"。如果没有这个，coffeescript将返回$ provider .value()的结果，我猜这是一个对象，这在某种程度上导致"'fn不是一个函数"。

的例子:

module 'myModule', ($provide)->
  $provide.value 'myInjectable',
    myFunction:-> return "dummy value"
  return null # prevents "fn is not a function"

我能够解决这个"fn不是一个函数，得到对象"通过添加{}从另一个文件导入我的'函数'，像这样:

import {MenuCtrl} from './controllers/MenuCtrl.js';

老方法:

import MenuCtrl from './controllers/MenuCtrl.js';

参考此问题:https://github.com/swimlane/angular-data-table/issues/189

当我忘记导出我正在导入的类时，我得到了这个错误

import MyService from './services/MyService'
app.service('MyService', MyService);

MyService.js

class MyService(){
    // ... do stuff
}

必须是

export default class MyService(){
    // ... do stuff
}

如果你使用Coffescript + angularjs，也会发生这种情况。

因为angularjs支持Coffescript类。

class IndexCtrl 
    constructor: () ->
myApp.controller('IndexCtrl',IndexCtrl)

然后在当()

'controller: IndexCtrl'看到的是一个对象，而不是一个函数。

当我们在html中有一个函数没有在控制器中定义时，我们也会得到这个错误。