Angular 2没有提供程序或DI错误(未捕获(在承诺中)：错误:没有提供程序...)
Angular 2没有提供程序或DI错误是指在Angular 2应用程序中使用依赖注入（DI）时出现的错误。DI是一种设计模式，用于将依赖关系从一个对象传递给另一个对象，以实现松耦合和可测试性。
当出现"没有提供程序"错误时，意味着Angular 2无法找到所需的依赖项。这可能是由于以下原因导致的：
- 未正确导入或声明所需的依赖项：确保在使用之前正确导入和声明所需的依赖项。例如，如果需要使用某个服务，需要在组件或模块中导入并将其添加到providers数组中。
- 依赖项未正确注册：确保将依赖项注册到Angular的依赖注入容器中。可以通过在提供商数组中添加提供商来注册服务，或者使用@Injectable装饰器将服务类标记为可注入的。
- 依赖项的提供商未正确配置：如果依赖项是通过提供商提供的，确保提供商已正确配置。提供商可以是服务类本身，也可以是工厂函数、值或其他提供商类型。
解决"没有提供程序"错误的步骤如下：
- 确认所需的依赖项是否正确导入和声明。
- 确认依赖项是否已正确注册到Angular的依赖注入容器中。
- 检查依赖项的提供商配置是否正确。
对于Angular 2中常见的DI错误，可以参考以下腾讯云产品和文档：
- 腾讯云云开发（Serverless Framework）：提供无服务器应用程序开发框架，可帮助解决DI错误和其他常见问题。了解更多信息，请访问：腾讯云云开发
- 腾讯云云函数（SCF）：提供事件驱动的无服务器计算服务，可用于构建和运行云原生应用程序。了解更多信息，请访问：腾讯云云函数
- 腾讯云容器服务（TKE）：提供容器化应用程序的部署和管理解决方案，可帮助解决DI错误和容器相关的问题。了解更多信息，请访问：腾讯云容器服务
请注意，以上提到的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和解决方案。
相关·内容
在提供程序方法中可以执行DI吗？
在这个例子中
angular.module('greet',[])
.provider('greeter',function() {
this.$get=function() {
};
})
.service('greeterService',function($http){
console.log($http);
})
;
将$http注入服务似乎是正确的实现，但它在提供程序方法中不起作用，并引发错误：
未知提供者：$http
提供程序方法是否与DI一起使用注入服务？
浏览 7提问于2013-10-04得票数 33
1回答
我刚进入飞镖有3个月的时间，我很幸运没有遇到任何无法从网上发现的答案中解决的问题，但这个问题让我很困惑。
我下载了这个示例应用程序()，将其安装到省道编辑器中(在我的mini上)，使用打开现有文件夹，然后在pubspec.yaml文件上运行get (甚至Pub )。
我正在使用运行中的应用程序加载dartium，直到我将SDK从1.4.2升级到1.5.8，并将pubspec.yaml文件从
环境：
sdk：'>=1.4.2 <2.0.0‘
环境：
sdk：'>=1.5.8 <2.0‘
在这里，所有的东西都坏了，现在我在dartium中得到了这些类型的错误
浏览 7提问于2014-08-07得票数 1
回答已采纳
我正在编写一个错误记录模块，以便将Raygun记录添加到AngularJS应用程序中。将为$exceptionHandler注册一个装饰器，如下所示：
$provide.decorator("$exceptionHandler", ['$delegate', function($delegate) {
return function (exception, cause) {
Raygun.send(exception);
$delegate(exception, cause);
}
}])
但是，这具有顺序依赖性，因为
浏览 4提问于2015-07-07得票数 0
我正在使用平均堆栈中的登录来做一个应用程序。这个登录的特点之一是社交登录，关键是当一个新用户想要使用facebook进入应用程序时，我必须检查这个facebook是否已经记录在我的mongoDB中，或者没有记录在下面的代码中：
从前端页面: 1.-登录页
import { Component, OnInit } from '@angular/core';
import { AuthService } from "../services/auth.service";
import { Router } from "@angular/router"
浏览 5提问于2020-06-24得票数 0
回答已采纳
我用有角的材料定义了调色板
$mdThemingProvider.definePalette('amazingPaletteName', {
'50': 'ffebee',
'100': 'ffcdd2',
'200': 'ef9a9a',
'300': 'e57373',
'400': 'ef5350',
'500': 'f44336',
浏览 4提问于2016-03-22得票数 0
回答已采纳
1回答
我在路由中声明了以下内容：
router.get('/test',userController.test);
userController中的函数是这样声明的：
exports.test = function (req, res) {
var transport = nodemailer.createTransport({
service: 'gmail',
auth: {
user: myuser,
pass: mypass
}
});
c
浏览 0提问于2019-12-02得票数 0
我使用的是一个将在所有组件之间共享的单例服务，我创建了一个CoreModule，其静态类如下：
static forRoot(config: GlobalServiceConfig): ModuleWithProviders {
return {
ngModule: CoreModule,
providers: [
{ provide: GlobalServiceConfig, useValue: config }
]
};
}
在app.module.ts
export declare var Globals: Glob
浏览 0提问于2017-03-27得票数 1
5回答
一旦调用了承诺reject()回调，就会在Chrome控制台中显示一条警告消息"Uncaught (in promise)“。我无法理解它背后的原因，也不知道如何摆脱它。
var p = new Promise((resolve, reject) => {
setTimeout(() => {
var isItFulfilled = false
isItFulfilled ? resolve('!Resolved') : reject('!Rejected')
}, 1000)
})
p.then(result
浏览 4提问于2017-02-25得票数 66
回答已采纳
5回答
有没有办法全局捕获所有异常，包括Promise异常。示例：
window.onerror = function myErrorHandler(errorMsg, url, lineNumber) {
alert("Error occured: " + errorMsg);//or any message
return false;
}
var myClass = function(){
}
var pr = new Promise(function(resolve, react){
浏览 3提问于2015-01-18得票数 80
这是我的考验：
it('add.user() should POST to /users/, failure', function() {
mockBackend.expectPOST("/users/", {username:'u', password: 'p', email: 'e', location: 'loc'}).respond(400, {msg: "bad request"});
BaseService.add.user({username:'
浏览 5提问于2017-04-01得票数 1
回答已采纳
我如何将我的Javascript代码用于识别最终没有失败块的承诺链(promise.then().then().then()...)？现有的工具(JSHint、JSLint、流静态类型检查器、类型记录、.？)允许这样做？
坦率地说，这样做的动机是，有时我只是忘了在我编写的代码中添加一个。然后，如果在该代码中发生错误，它将悄悄地失败，并且它可能是一个需要调试的猛兽。相反，更好的软件工程是能够在lint时间捕获这些错误，就像我可以使用linting来识别变量名称中的排字一样。
例如：
q(this_function_returns_a_promise())
.then(function(data)
浏览 3提问于2015-06-26得票数 4
回答已采纳
2回答
我有一个对服务器的$http调用链。如果一个调用失败，我希望向用户显示通知并停止该链。一开始我以为我可以使用$q.reject来停止这个链，但结果是程序流继续到下一个then的错误处理程序。我也尝试了什么也没有返回，但是流仍然在继续。
我能阻止流动的中间链吗？因此，例如，下面的脚本应该打印result: |A|D|F而不是result: |A|D|F|E|H|J。
如果流不能在中间链中停止，我必须在每个then的错误处理程序中添加额外的条件，还是有更优雅的方法？
angular.module("MyModule", []).controller("MyCtrl
浏览 1提问于2014-09-22得票数 4
回答已采纳
我使用一个OpaqueToken将一个配置对象注入到包含诸如API端点等内容的应用程序中。我使用角度文档进行了设置，并且能够将配置注入组件并检索值。我希望能够键入检查配置，以便它导出在DI期间组件构造函数使用的接口，但是如果我将组件构造函数中的类型从AppConfig更改为string，即使类型错误，也不会显示错误.
有人知道为什么这没有显示类型错误吗？
应用程序-CONFIG.TS
import { OpaqueToken } from '@angular/core';
export let APP_CONFIG = new OpaqueToken('app.con
浏览 1提问于2017-03-26得票数 0
回答已采纳
2回答
我有这两个java代码：
class test {
public static void main(String[] args) throws IOException {
System.out.println("Before try”");
try{}
catch(Throwable d ) {}
System.out.println("done");
}
}
它将在尝试和完成之前进行编译和打印。
class test {
public static void main(St
浏览 2提问于2015-01-28得票数 0
我创建了一个小型AngularJS应用程序，如果取消对特定行的注释，该应用程序可能会导致某些错误。在应用程序的超文本标记语言中，我创建了一个监听window对象的<script>事件的内联错误。
<script>
window.addEventListener('error', function (error) {
console.log('====== An error occured', error);
})
</script>
在下面的代码中，我希望所有7个错误都调用事件侦听器
浏览 0提问于2017-08-04得票数 0
在类型记录的angular2中，我需要在构造函数中传递字符串参数或偶数参数，如下所示:构造函数(_para:string) {}，但是生成错误，调试器不断告诉我：
ularjs.org/2.0.0-beta.8/angular2.dev.js:11284:19)“NoProviderError {NoProviderError{消息：”没有字符串提供程序！(应用程序->字符串)“，堆栈：”NoProviderError.BaseExc…NoProviderError.BaseExc…中的DI↵
如果我移除_para:string，它会工作的..。以下是plnkr中的Demoe：
浏览 3提问于2016-04-04得票数 2
1回答
求块数的大小
、、、
以下是一个包含web3的简单程序:-
let web3 = require('web3');
var real = new web3(web3.givenProvider) // web3.givenProvider is having value of my infura endpoint
discuss();
async function discuss()
{
let dif = await real.eth.getBlock(16532022)
let di = dif.size
console.log(di) // Line
浏览 0提问于2023-02-01得票数 0
1回答
使用Angular2 RC1
假设我有两个自定义服务:例如，一个ConfigService和一个AuthService。
并且还假设AuthService需要来自ConfigService的数据。
ConfigService就是这样的
import { Injectable } from '@angular/core';
@Injectable()
export class ConfigService {
public baseURL: string;
constructor() {
this.baseURL = 'http://loca
浏览 2提问于2016-05-08得票数 1
1回答
我有一个关于Angular2+ Observable如何处理Http错误的问题。当我们使用Angular2+ Http进行请求时，如果返回的响应有错误状态码，就会抛出错误。
在Angular2官方启动器项目中，需要调用的错误处理函数：
someObs.catch(handler)
在处理程序中，它实际上返回：
Observable.throw(...)
我的问题是，这不会抛出新的错误，可能会导致web应用程序崩溃吗？因为在Javascript中，如果你抛出一些错误，web应用程序可能会出现意想不到的行为。
我对Observable.catch的理解是，当一些错误发生时，我们捕获它，然后做一些其
浏览 2提问于2017-07-12得票数 1
1回答
我试着写一个程序，得到两个6位十进制数并显示它们的相加，但在16位8086我定义数字为双字，并将LO放在字1中，HO放在字2中。类似于下面的代码，但我没有任何想法来做下一步，有没有人能建议我下一步操作的算法？Thnx
x dd(?)
next_no:
mov cl,2
mov ch,4
two_bit:
getch
sub al,30h
mov bl,10
mul bl
mov di,ax
add word ptr x+2,di
dec cl
jnz two_bit
fourbit:
getch
sub al,30h
mov bl,10
mul bl
mov di
浏览 8提问于2011-12-02得票数 6
回答已采纳
3回答
建议使用已完成的方法结束承诺链，以便重新抛出错误：
“完成”和“使用”的黄金法则是:要么把你的承诺还给别人，要么如果你的承诺随着你而结束，打电话结束它。使用catch终止是不够的，因为catch处理程序本身可能会抛出一个错误。
它适用于安古拉杰吗？我看过了，框架中似乎没有这样的方法。
更新：
我查看了代码并发现了以下内容：
try {
if (isFunction(fn)) {
promise.resolve(fn(state.value));
} else if (state.status === 1) {
promise.resolv
浏览 2提问于2015-04-14得票数 4
回答已采纳
我有一个没有错误处理程序的承诺
new Promise(function() {
noSuchFunction(); // Error here (no such function)
})
.then(() => {
});
console.log("why this code is executed ?? ");
我不明白为什么脚本没有崩溃，并在错误后继续执行。
浏览 0提问于2021-08-30得票数 0
回答已采纳
2回答
我已经创建了一个组件，我正在尝试使用Karma和Jasmine进行测试。对于没有由DI注入服务的其他组件，一切都很好。但这一个抛出的错误没有任何消息，只是一个堆栈。
以下是组件：
import {Component} from 'angular2/core';
import {Application} from './application';
import {ApplicationsService} from './applications.service';
@Component({
selector: 'applicat
浏览 4提问于2016-03-09得票数 0
回答已采纳
https://onoumenon.gitbook.io/wiki/programming/tips/rtmp buildPlayer() {
if (this.player || !this.props.stream) {
return;
}
const { id } = this.props.match.params;
this.player = flv.createPlayer({
type: "flv",
url: `http://localhost:8000/live/${id}.flv`
浏览 23提问于2020-07-18得票数 1
回答已采纳
2回答
工厂：
angular.module('clientApp').factory('Di', function($http) {
return {
create: function(dis){
return $http.post('/dis', dis);
}
});
主计长：
'use strict';
angular.module('clientApp').controller('AdminCtrl', function($scope, toastr, Di) {
浏览 2提问于2016-05-05得票数 0
回答已采纳
我有一个数组，并且在数组上执行for循环。对于每个项目-我执行rest调用并将其保存在数组restArr中；
angular.foreach(myItems , function(item){
var q = $http.get("someHttpCall").succsee(function(){}).error(function(){});
restArr.push(q);
}
然后我使用$q
$q.all(restArr).then(function(){
doSomething();
});
首先，如果其中一个调用返回错误，会发生什么？第二
浏览 0提问于2014-10-29得票数 0
1回答
我对node.js有一个很大的问题。
关于信息，我使用了0.12版本，因为我们的应用程序太复杂了，太大了，不可能轻易地迁移到最新版本。
因此，许多函数都是回调函数。
但是，在这个项目的新部分中，我想用承诺来轻松地捕捉错误。在事件循环中，我遇到了一个不明确的异常。
这是测试代码：
process.on('uncaughtException', function (err) {
console.error('Uncaught Exception');
});
new Promise(function () {
process.nextTick(fu
浏览 1提问于2017-08-18得票数 0
回答已采纳
1回答
角资源导致视图消失
、、、
我开始开发一个AngularJS应用程序，只有一条路径，/login。下面是用于处理该路由的Controller的代码。
angular = require('angular');
// require('../resources/loginResource');
var di = ['$scope'];
var controller = function LoginCtrl($scope) {
$scope.myArray = [
"foo",
"bar",
"baz&#
浏览 2提问于2016-09-07得票数 0
回答已采纳
SonarQube说，我的angular项目中每个组件(以及任何用@Input()装饰的组件)的构造函数的所有参数都有未覆盖的条件。 它所指的条件是什么，我该如何覆盖它们？所有参数都由DI框架提供。 示例： ? 在我的工作中，没有人知道这里发生了什么，我的google-fu失败了。有些东西告诉我，这些条件根本不值得讨论，所以一个替代的可接受的解决方案将是一种关闭这种检查的方法。
浏览 51提问于2021-05-01得票数 0
我使用ng标签-输入添加标签到一个角+火基应用程序.
当我试图利用autocomplete从firebaseArray自动填充标记时，我遇到了以下错误，该标记提取存储在/tags的防火墙中的现有标记的值。
错误
TypeError: Cannot read property 'data' of undefined
这是我的密码..。
HTML
<div class="form-group">
<label for="inputTags" class="col-lg-2 control-label"&g
浏览 4提问于2016-01-22得票数 0
回答已采纳
正在设置一个角应用程序，该应用程序有一个工厂将数据发送到服务器。
angular.module('new-ticket-app')
.factory('CreateTicketFactory', function($http, $rootScope){
var CreateTicketFactory = {
async: function($params) {
return $http({
headers: {'Content-Type': 'applic
浏览 4提问于2015-08-07得票数 1
1回答
我在应用程序中添加了一个按钮
<material-button raised #dialog.show()>Show Dialog</material-button>
现在我得到了
Observatory listening at http://127.0.0.1:46411/
>EXCEPTION: Error in asset:angular2_components/lib/src/components/material_button/material_button.html:10:0
EXCEPTION: Error in asset:angular2_
浏览 4提问于2016-11-03得票数 0
我有一个节点API，它在使用postman进行测试时工作得很好。但是当我在我的angular项目中使用这个API时，发生了一个错误，浏览器没有得到任何响应，它一直在等待响应。当我进入控制台时，我看到了错误消息。
如何使用完整堆栈跟踪将错误消息发送回浏览器
浏览 0提问于2018-10-02得票数 1
2回答
我是新来的。
关于琳达的课程是我对Ionic的介绍，我一直在成功地学习导师教程，直到他介绍了providers。我的提供程序文件如下：
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
/*
Generated class for the PeopleDataProvider provider.
See https://angular.io/guide/dependency-injection for more
浏览 2提问于2018-03-24得票数 1
回答已采纳
1回答
我正在试验Angular2的自定义渲染器。
我已经设置了一个简单的，它有一个最小的Angular2应用程序(AppComponent)，我想在Node.js上运行它。我已经实现了一个自定义和一个自定义 (只是一个应该登录到控制台的假人)，然后我尝试将所有东西连接到某个中。
目前，我遇到了以下错误消息：
Error: No precompiled component AppComponent found
at new BaseException (/home/ralf/git/node-angular-example/node_modules/angular2/src/facade/except
浏览 1提问于2016-02-02得票数 6
回答已采纳
在整个Angular2教程中，我都看到异常在调用所在的位置被捕获，例如：
getHeroes(): Promise<Hero[]> {
return this.http.get(this.heroesUrl)
.toPromise()
.then(response => response.json().data as Hero[])
.catch(this.handleError);
}
虽然这可能对本教程有好处，但对于我来说，这听起来是不可持续的。我希望有一些全局处理程序，
浏览 2提问于2016-10-26得票数 0
回答已采纳
1回答
关于依赖注入的角度文档使我感到困惑。
我了解到，通过向DI (注入器)指定通过传递给NgModule (整个模块)的元数据对象上的提供程序数组或组件(仅针对该组件)来“提供”的东西，角度DI可以工作。
这个问题不是特定于反应性表单的，但是在反应性表单的angular.io示例中，它的组件定义为(简化的！)：
import {FormBuilder, FormGroup, Validators} from '@angular/forms';
@Component({
template: '<p>Hello world</p>'
})
浏览 0提问于2018-03-12得票数 3
回答已采纳
1回答
投入到承诺中，我发现了一件让我感到困惑的事情。然而，我意识到正在发生的事情，并决定在这里分享给其他可能会遇到它的人。
我有以下JavaScript：
new Promise(function (resolve, reject) {
foo();
setTimeout(function () {
resolve();
}, 400);
}).catch(function (err) {
console.log('Caught it:', err.message);
});
当我运行它时，我得到：
捕捉到它: foo未定义
浏览 0提问于2018-05-05得票数 0
2回答
最近，我将我的应用程序从角1.5更新到1.6.3，并开始在我编写的基于承诺的代码(使用PhantomJS)的基础上获得茉莉花单元测试失败：
可能未处理的拒绝:未定义的抛出
环顾四周，我发现被接受的解决方案是将.then()与.catch()块链接起来，以便优雅地处理拒绝。
我已经做了我的一个源文件，我正在测试，以证明这是通过错误，它所做的。
然而，它现在发现了另一个问题，当代码中调用承诺拒绝时，我正在测试的一个期望不再传递。
这是我正在尝试测试的函数(在添加了所需的catch块之后)
public deleteSomething = (thing) => {
return
浏览 4提问于2017-03-11得票数 1
回答已采纳
在angular1中，我们经常使用工厂来注入类，而不是实例。在angular2中，我也可以这样做：
{provide: MyClass, useFactory: () => { return MyClass }}
...
constructor(MyClass) {
let instance = new MyClass();
}
然而，我记得我读到，这是有道理的，因为没有JS模块。既然我们使用了ES6模块，我想知道是否有必要在类注入中使用DI？我看到了许多库，它们不使用角度DI获取类，而是通过import语句访问它们。
浏览 3提问于2017-02-20得票数 3
回答已采纳
2回答
我正在构建我的第一个类似于twitter的应用程序，并且正在尝试向gui显示一个帖子列表。我目前所做的是：
angular.js部件：
在我的main.js里
angular.module('MyApp')
.controller('MainCtrl', ['$scope', 'Feed', function($scope, Feed) {
$scope.feeds = Feed.showFeeds();
// ...
}
在我的feed.js里
angular.module('MyApp'
浏览 5提问于2014-08-13得票数 0
回答已采纳
我想知道如何处理中的资源加载错误。我试图在我的$stateProvider中的解决部分中加载一些资源。有一个文件ctrl.js可以加载。另一个名为iam-not-there.js的文件正在尝试加载，但是这个资源并不存在。
现在，我想处理这个“加载”错误(即使在资源加载中有一个错误，处理/捕获一个资源加载错误，等等)也继续执行解决部分。如果我所有的资源都可以加载的话，它就能正常工作。一旦无法加载一个资源，应用程序就不会继续执行“解决”状态。这里有一个来重现这个问题。
var myApp = angular.module("myApp", ['ui.router',
浏览 8提问于2017-06-22得票数 1
回答已采纳
2回答
我正在读关于错误处理的书，书上说
如果在承诺中发生抛出，则为处理程序函数，则为拒绝。考虑异常和拒绝的一种方法是，异常是同步错误，而拒绝是异步错误。
问题
这本书写的是拒绝，但这难道不应该是未实现的exception?And ，我当时的印象是，throw总是一个throw，为什么只对同步代码例外？
浏览 3提问于2021-09-13得票数 1
回答已采纳
1回答
我使用的是io.js，一种已经支持不需要特殊标志的ES6生成器的分叉节点，以及克里斯·科瓦尔的Q库。
我正在做的是一个游戏脚本，其中几乎每一个动作都是异步的，我使用Q.spawn来保持正常。这是我的代码的当前状态，它可以工作：
var q = require('q');
var tw = require('./lib/typewriter');
q.spawn(function*() {
tw.clear();
yield tw.type({d:100}, "August 3, 9:47 AM", {w:500});
yi
浏览 3提问于2015-04-21得票数 1
回答已采纳
2回答
我使用延迟承诺，因为我需要应用程序等待异步调用的结果。该函数检索正确的数据，但我似乎无法将其返回到控制器。
具体来说，代码行
data : multiBarChartData
不是从
function multiBarChartData()
这里是工厂：
angular.module('hapDash.services', []).factory('DataService', function ($http, $q, SESSION_ID) {
return {
multiBarChart : {
data :
浏览 4提问于2016-06-18得票数 0
回答已采纳
我在我的应用程序中使用angularJs版本1.4.5和angular-ui-router版本0.2.18。我注意到我的resolve函数对一个状态执行了两次。
我也尝试过使用升级到0.4.3的angular-ui-router版本，但是这个问题没有解决。
我的一个状态定义如下：
$stateProvider
.state('app', {
url: '/',
views: {
'': {
resolve: {
浏览 1提问于2019-04-09得票数 2
1回答
拒绝承诺后抛出错误-q
、、、
下面是一个使用Q承诺的简短例子。
这是test1.js：
function testDefer() {
var deferred = Q.defer();
fs.readFile("foo.txt", "utf-8", function (error, text) {
if (error) {
deferred.reject(new Error(error));
} else {
deferred.resolve(text);
}
});
浏览 1提问于2014-03-05得票数 2
回答已采纳
我正在学习Angular JS，并有以下工厂。当我将数据记录到控制台时，会返回我可以看到的数据。
app.factory('SelectOptionFactory', ['$http', '$q', 'DatabaseService', function ($http, $q, DatabaseService) {
'use strict';
//variables
var routeControllerURL = 'SelectOption/';
ret
浏览 1提问于2016-09-29得票数 2
我有一个角度服务，它使用我的API来获取用户信息，并提供给我的控制器。它是这样设置的：
angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'ngResource', 'infinite-scroll', 'ui.bootstrap', 'ngCookies', 'seo'])
.service('userInfo', fun
浏览 16提问于2013-08-28得票数 34
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
