在使用 AngularJS 进行开发时，经常会遇到 "$injector:unpr" 的错误信息。这个错误通常表示注入器无法找到相关的服务或依赖项，而有很多原因可能导致这个问题出现。在本文中，我们将探讨这个错误的一些常见原因，并提供解决方案和示例代码。
原因及解决方案
1. 服务名称拼写错误
错误信息通常会告诉你未知的服务名称，如果服务名称拼写错误，注入器就无法找到它。确保你正确地拼写了服务名称，包括大小写和空格。
// 错误的服务名拼写
angular.module('myApp').controller('MyCtrl', function($scope, $http, myServce) {...});
// 正确服务名拼写
angular.module('myApp').controller('MyCtrl', function($scope, $http, myService) {...});2. 服务没有被注册
当你创建自己的服务时，确保它已经在应用程序中注册。你可以通过 angular.module().service() 函数来注册一个服务。如果你的服务没有被注册，注入器就会报错。
// 服务没有被注册
angular.module('myApp').controller('MyCtrl', function($scope, $http, myService) {...});
// 注册服务
angular.module('myApp').service('myService', function() {...});3. 依赖项没有被注入
确保你的服务所依赖的其他服务已经被注入。如果一个服务需要依赖其他服务，你需要在控制器或者其他服务中注入这些依赖项。
// 依赖项没有被注入
angular.module('myApp').service('myService', function($http) {...});
// 注入依赖项
angular.module('myApp').controller('MyCtrl', function($scope, $http, myService) {...});4. 模块没有被引用
确保你的模块已经被正确地引用。如果一个服务属于另一个模块，你需要在当前模块中引用它。
// 模块没有被引用
angular.module('otherModule').service('myService', function() {...});
// 引用模块
angular.module('myApp', ['otherModule']).controller('MyCtrl', function($scope, myService) {...});示例代码
下面是一个使用自定义服务的示例代码。其中，userService 依赖 $http 服务来获取用户数据，而 $http 服务又依赖于 AngularJS 内置的 $httpBackend 服务：
-- -------------------- ---- -------
----------------------- ---
----------------------- --------------- -
------------- - ---------- -
------ ------------------------
--
--
--------------------- ---------------- ------------ -
---------------------------------------------- -
------------ - --------------
---
---如果 $httpBackend 没有被正确地注入，或者 userService 依赖项没有被正确地注入，就会出现 "$injector:unpr" 的错误信息。确保你的服务名称和依赖项都正确地拼写和注入，就可以避免这个问题发生。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26237