Angular报注入错误，以及解决方式，$injector:unpr

最新推荐文章于 2021-05-19 21:42:28 发布
最新推荐文章于 2021-05-19 21:42:28 发布
阅读量2.4k 收藏
点赞数 1
文章标签： angular.js js 注入错误
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44629308/article/details/90713213
版权

1.页面错误如：$injector:unpr

angular.min.js:80 Error: [$injector:unpr] 
http://errors.angularjs.org/1.2.9/$injector/unpr?p0=brandServiceProvider%20%3C-%20brandService

 这就是说明 brandService没有注入进去，查找原因。

2.原因

   1）首先从html 页面入手，页面引入了 typeTemplateController.js 控制器

<body class="hold-transition skin-red sidebar-mini" ng-app="xxx" 
ng-controller="typeTemplateController">

   2）接着便查看 typeTemplateController.js 控制器，发现此控制器引入了brandService

app.controller('typeTemplateController', 
function ($scope, $controller, typeTemplateService, brandService)

3）再次回到html页面，发现页面中没有添加 brandService .js , 引入后错误解决

<script type="text/javascript" src="../js/service/brandService.js"></script>

注意引入的位置即可。

NorthMing fish
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AngularJS $injector 依赖注入详解
10-21
主要介绍了AngularJS $injector 依赖注入的相关资料,需要的朋友可以参考下
解决angularjs service中依赖注入$scope报错的问题
12-29
控制台错误提示 ionic.bundle.js:26794 Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- DutylogService http://errors.angularjs.org/1.5.3/$injector/unpr?p0=...
AngularJS 常见错误
天马3798
12-06 2552
一、指定$scope绑定名称写错 angular.js:13642 Error: [$injector:unpr] http://errors.angularjs.org/1.5.6/$injector/unpr?p0=opeProvider%20%3C-%20%24sope%20%3C-%20AboutController at Error (native) at http:/
Angular报注入错误，以及解决方式..$injector:unpr]
热门推荐
庸医2048的博客
08-22 5万+
1、到页面是，发现在console报以下的错误，$injector:unpr  angular.min.js:93Error: [$injector:unpr] http://errors.angularjs.org/1.2.29/$injector/unpr?p0=prizeProvider%20%3C-%20prize 这就是说明 prize没有注入进去，下面接着看是为什么。 2
C语言unprinctable错误,“未捕获错误:[$injector:unpr]”，部署后角度
weixin_42512249的博客
05-19 441
I have a fairly simple Angular application that runs just fine on my dev machine, but is failing with this error message (in the browser console) after I deploy it:我有一个相当简单的角化应用程序，在我的开发机器上运行良好，但是在我部署它...
Angular $injector:unpr Unknown provider 问题原因汇总
大V的博客
07-31 2万+
Unknown provider: tProvider &lt;- t 对于很多Angular 1.x 的使用者来说，是非常头疼的一件事情，因为使用者根本不知道原因在哪里。 本文总结了迄今为止所有导致这一个问题的可能原因，希望大家遇到此问题时，不要慌！跟着下面内容一步步排查： 问题描述： Unknown provider 一般是由于无法解析注入的一个依赖所导致的。原因一般有如下这几种可能： ...
Error: [$injector:unpr] angular.js
dazhouwei135711的博客
12-02 240
首先去看控制器是否存在错误 (function () { angular.module('myApp.demo', []) .controller('demoCtrl', ['$scope', '$rootScope', function ($scope, $rootScope) { //your code }]) })(); ...
Error: [$injector:unpr]错误解释
qq_40831592的博客
07-16 1362
这个错是由于:注入错误! 我在controller.js里本应该注入service.js,结果写错了多注入了其他的controller.js. 看颜色就发现和其他的不一样. 修改后:重新运行,错误解决. ...
Angular.JS学习之依赖注入$injector详析
10-21
随着javaEE的spring框架的兴起，依赖注入（IoC）的概念彻底深入人心，它彻底改变了我们的编码模式和思维。在AngularJS中也有依赖注入的概念，像spring中的依赖注入，但是又有所不同。Angular中只需要在需要的地方...
webpack打包angularjs后出现Angular $injector:unpr Unknown provider的错误及解决
daihaoxin的专栏
05-29 1280
文章目录问题原因分析解决附 问题 一个angularjs1.x的历史项目，webpack3做的打包，打出来的包一起有几十M，因为一直内网运行，虽然包大了点，但是还能够接受。 因为最近有一些客户对这个项目很感兴趣，就拿去演示，这就不能忍受了，然后受命去看看是什么问题。 在package.json的scripts中，是做了压缩代码脚本的，问了之前项目的成员说是压缩脚本出来的代码有部分页面是跑不起来的。so，就测试了一波，发现是Angular $injector:unpr Unknown provider错误。
angular.js 错误： Error [$injector:unpr] 原因
肖明伟 的博客
04-28 4901
angular.js 错误提示： Error [$injector:unpr] 造成原因：注入名称有问题，检查是否为拼写错误。
页面报错$injector:unpr
qq_43099278的博客
07-31 282
简单介绍一下项目背景：这个项目使用的前端框架是公司的7.0版本，框架参考了Angular，所以与Angular有很多共同之处。 当时是参照已经开发完成的app代码，开发一个相应的H5和微信小程序项目，这里报错是H5部分。 问题的解决方法，是在文件中新增了一个过滤器$dateUtil 具体代码就不描述了。 ...
angular.min.js:80 Error: [injector:unpr]
qq_43523985的博客
10-26 1137
angular.min.js:80 Error: [injector:unpr] http://errors.angularjs.org/1.2.9/$injector/unpr?p0=itemServiceProvider%20%3C-%20itemService at angular.min.js:2 at angular.min.js:28 at Object.c [...
Error: [$injector:unpr] AngularJS 注入报错
飘零空间
04-28 6048
出现错误 &quot;Error: [$injector:unpr] http://errors.angularjs.org/1.2.9/$injector/unpr?p0=contentCategoryServiceProvider%20%3C-%20contentCategoryService 原因 html 页面引入了 contentController.js 控制器，并初始化调用了 fin...
Angularjs常见错误原因及解决Error: [$injector:unpr] http://errors.angularjs.org/1.2.9/$injector/unpr?
飘
08-29 1万+
错误信息如图所示,遇到这种注入失败的错误,一般是自己某个路径写错了,就像我的一样,其实浏览器已经为我提示了错误点,仔细观察后终于看出了端倪    &lt;script src="../js/base_pagination.js"&gt;&lt;/script&gt; &lt;script src="../js/services/sellerService.js"&gt;&lt;/script...
angularjs 注入报错 Error: [$injector:unpr]
laokaizzz的专栏
04-15 1万+
Uncaught Error: [$injector:modulerr] Error: [$injector:unpr] http://errors.angularjs.org/1.2.19/$injector/unpr?p0=PaginatorProvider%20%3C-%20Paginator app.controller ( 'biaoDiWuXinXiControll
[$injector:unpr] Unknown provider:--angular.module()函数解答
tpf1220的关于前端的技术的比较浅显的健谈
06-19 9198
在使用angularjs开发项目过程中，无疑遇到这个问题是最棘手的问题：ionic.bundle.js:26799 Error: [$injector:unpr] Unknown provider: fifoServiceProvider <- fifoService <- FifoController http://errors.angularjs.org/1.5.3/$injector/unpr
angularJS1 异常Error: [$injector:unpr]
xiejunna的博客
12-18 6413
代码如下：抛异常 Error: [$injector:unpr]<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0
: [$injector:unpr] Unknown provider: handleSwipeUpProvider <- handleSwipeUp <- rightsAndInterests
最新发布
07-11
根据你提供的错误信息`[$injector:unpr] Unknown provider: handleSwipeUpProvider <- handleSwipeUp <- rightsAndInterests`，可以推断出出现了依赖注入错误。 这个错误通常发生在注入器（Injector）无法解析提供商（Provider）时。根据错误信息，它似乎无法解析`handleSwipeUp`这个提供商。 请确保在组件中正确地声明和注入`handleSwipeUp`。在Angular中，我们使用构造函数来注入依赖项。 例如，如果你想在组件中使用`handleSwipeUp`，应该在组件的构造函数中进行注入，如下所示： ```typescript import { Component } from '@angular/core'; import { handleSwipeUp } from 'path-to-handleSwipeUp'; @Component({ selector: 'app-rightsAndInterests', template: ` <!-- your component template --> ` }) export class RightsAndInterestsComponent { constructor(private handleSwipeUp: handleSwipeUp) { // 在这里可以使用 handleSwipeUp } } ``` 确保在你的代码中正确导入和注入`handleSwipeUp`，并且提供了正确的路径。如果问题仍然存在，请检查是否有其他地方存在错误。 希望能帮到你！如果还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值