0

我对 Angular 提供程序有疑问，我收到此错误：

第 2696 行：错误：未知提供者：a

使用未缩小的角度 v 1.06，第 2696 行：

providerInjector = createInternalInjector(providerCache, function() {
    throw Error("Unknown provider: " + path.join(' <- '));
}),

这是代码：

var myApp = angular.module('myApp', [], function ($interpolateProvider) {
    $interpolateProvider.startSymbol('{[{');
    $interpolateProvider.endSymbol('}]}');
});

myApp.directive('buttonsRadio', function() {      
[...]
});


myApp.controller('MainController', function MainController ($scope) {
[...]
})

有任何想法吗？

编辑：添加错误消息：

Error: Unknown provider: aProvider <- a
createInjector/providerInjector<@/libs/angular.js:2696
getService@/libs/angular.js:2824
createInjector/instanceCache.$injector<@/libs/angular.js:2701
getService@/libs/angular.js:2824
invoke@/libs/angular.js:2842
instantiate@/libs/angular.js:2874
@/libs/angular.js:4759
applyDirectivesToNode/nodeLinkFn/<@/libs/angular.js:4338
forEach@/libs/angular.js:138
nodeLinkFn@/libs/angular.js:4323
compositeLinkFn@/libs/angular.js:3969
compositeLinkFn@/libs/angular.js:3972
nodeLinkFn@/libs/angular.js:4354
compositeLinkFn@/libs/angular.js:3969
publicLinkFn@/libs/angular.js:3874
bootstrap/resumeBootstrapInternal/</<@/libs/angular.js:963
Scope.prototype.$eval@/libs/angular.js:8011
Scope.prototype.$apply@/libs/angular.js:8091
bootstrap/resumeBootstrapInternal/<@/libs/angular.js:961
invoke@/libs/angular.js:2857
bootstrap/resumeBootstrapInternal@/libs/angular.js:960
bootstrap@/libs/angular.js:973
angularInit@/libs/angular.js:934
@/libs/angular.js:14756
f.Callbacks/n@http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2
f.Callbacks/o.fireWith@http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2
.ready@http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2
B@http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2

/libs/angular.js
Line 5704
4

2 回答 2

2

在运行uglify或任何其他 ofuscator/压缩算法之前，您应该运行 grunt 任务，该任务ng-annotate将依赖项作为字符串添加为可注入数组，这使您的代码更清晰，因为可注入注释可以作为构建步骤自动添加，而不是必须手动编码。

myApp.controller('MainController', function MainController ($scope) {
[...]
})

变成：

myApp.controller('MainController', ['$scope', function MainController ($scope) {
[...]
}])

看看：https ://github.com/olov/ng-annotate

更新： 不推荐使用 ng -min AngularJS Pre-minifier –> 使用 ng-annotate

于 2013-12-09T09:12:54.557 回答
1

我假设您正在使用某种 javascript 混淆器（Clousure、SquishIt、UglifyJS 等）。

在这种情况下，您需要以这种方式指定依赖项：

var myApp = angular.module('myApp', [], ['$interpolateProvider',function ($interpolateProvider) {
    $interpolateProvider.startSymbol('{[{');
    $interpolateProvider.endSymbol('}]}');
}]);

myApp.directive('buttonsRadio', function() {      
[...]
});


myApp.controller('MainController',['$scope', function MainController ($scope) {
[...]
}])

请注意为依赖注入指定依赖项 - 您需要指定带有字符串列表的数组以及要注入参数和函数本身的对象名称，而不是传递函数。

于 2013-04-26T18:00:41.023 回答