![](/img/trans.png)
[英]AngularJS Error: [$injector:unpr] Unknown provider when using $filter
[英]AngularJS: $injector:unpr error when using ngAnimate
我正在尝试将ngAnimate
添加到我的角度应用程序依赖项中。 这是我的角度应用程序文件:
var carApp = angular.module("carApp", ["ngAnimate"]);
这是我的TableBodyCtrl
控制器:
carApp.controller("TableBodyCtrl", function($scope, $http){
$scope.loading = false;
...
});
这是我的TablePanelCtrl
:
carApp.controller("TablePanelCtrl", function(){
this.tab = 1;
...
});
我的控制器位于controller
文件夹中的不同文件中。
这是角度库的脚本加载:
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-animate.min.js"></script>
这是我的角度应用程序文件的脚本加载:
<script type="text/javascript" src="js/carApp.js"></script>
这是我的控制器的脚本加载:
<script type="text/javascript" src="js/controllers/TablePanelCtrl.js"></script>
<script type="text/javascript" src="js/controllers/TableBodyCtrl.js"></script>
当我运行我的网络应用程序时,我收到此错误:
Unknown provider: $$qProvider <- $$q <- $animate <- $compile
https://docs.angularjs.org/error/$injector/unpr?p0=$$qProvider%20%3C-%20$$q%20%3C-%20$animate%20%3C-%20$compile
在我将"ngAnimate"
添加到我的角度应用程序依赖项后,此错误才开始显示。
我该如何解决这个问题?
我有同样的错误,只是弄清楚它为什么会发生。
根本原因是我依赖于“角度 - 动画”:“~1.3.0”,所以凉亭使用Angular v1.3,即使项目的其余部分依赖于Angular 1.2。
只是用
"angular-animate": "~1.2.0"
代替
"angular-animate": "~1.3.0"
在你的bower.json文件中。 在bower install
一切都应该工作!
我有同样的问题,解决了
bower update.
我已经设置了与此plnkr中提供的完全相同的设置,
那里没有错误。 你正在做的是正确的。
以“ngAnimate”作为依赖关系的文件顺序和模块创建
var carApp = angular.module("carApp", ["ngAnimate"]);
是正确的方法。
尽管如此,要记住一点:
来自Angularjs docs
您可以指向两种类型的角度脚本URL,一种用于开发,另一种用于生产:
angular.js - 这是人类可读的非缩小版本,适用于Web开发。 angular.min.js - 这是缩小版本,我们强烈建议您在生产中使用。
angular-animate.js也是如此。
这将有助于您进行开发,同时它会向您显示更好的错误报告。
另一点是,即使使用缩小的angularjs版本,您也会获得“长描述性”错误消息的链接 ,通过查看您提供的错误消息的链接 ,我看到了:
使用angular.module API意外重新定义模块也可能导致未知的提供程序错误,如以下示例所示。
angular.module('myModule', []) .service('myCoolService', function () { /* ... */ }); angular.module('myModule', []) // myModule has already been created! This is not what you want! .directive('myDirective', ['myCoolService', function (myCoolService) { // This directive definition throws unknown provider, because myCoolService // has been destroyed. }]);
要解决此问题,请确保在整个项目中仅使用angular.module(name,[requires])语法定义每个模块一次。 检索它以便随后使用angular.module(name)。 固定示例如下所示。
angular.module('myModule', []) .service('myCoolService', function () { /* ... */ }); angular.module('myModule') .directive('myDirective', ['myCoolService', function (myCoolService) { // This directive definition does not throw unknown provider. }]);
我有同样的问题,原因似乎是这些库的版本之间的冲突。
从v 1.2
更新到AngularJS v1.3.14
后,我没有看到这个错误。 尝试不同版本并检查其兼容性。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.