Angular 8:错误:未捕获(in promise)：NullInjectorError: StaticInjectorError(AppModule)
Angular 8是一种流行的前端开发框架，用于构建现代化的单页应用程序。它基于TypeScript编写，并且具有强大的工具和功能，使开发人员能够快速构建高性能的Web应用程序。
错误:未捕获(in promise)：NullInjectorError: StaticInjectorError(AppModule)是Angular应用程序中常见的错误之一。它通常表示在注入依赖项时出现问题，导致无法解析或找到所需的依赖项。
解决此错误的一种常见方法是检查应用程序的模块（AppModule）中的提供商配置。确保所有需要注入的服务或依赖项都正确地添加到提供商数组中。另外，还应检查是否正确导入了所需的模块。
以下是一些可能导致此错误的常见原因和解决方法：
- 未正确导入所需的模块：检查是否正确导入了所有需要的模块，并在应用程序的模块中进行了正确的配置。
- 未正确配置提供商：确保所有需要注入的服务或依赖项都正确地添加到提供商数组中。例如，如果要注入一个名为DataService的服务，应在提供商数组中添加{ provide: DataService, useClass: DataService }。
- 循环依赖：检查是否存在循环依赖关系，即两个或多个服务之间相互依赖。解决此问题的一种方法是重新设计代码以避免循环依赖。
- 依赖项未正确注入：确保在需要注入依赖项的组件或服务中正确使用了依赖注入的语法。例如，在构造函数中使用@Inject装饰器注入依赖项。
总之，错误:未捕获(in promise)：NullInjectorError: StaticInjectorError(AppModule)表示在Angular应用程序中出现了依赖项注入的问题。通过检查模块配置、提供商配置、导入的模块以及依赖注入的语法，可以解决此错误。
对于更多关于Angular的信息，您可以访问腾讯云的Angular产品介绍页面：Angular产品介绍。
相关·内容
尝试添加身份服务，但它失败了，令牌是从API接收的。感谢您的帮助。 app.module： import { AuthGuard } from './auth-guard.service';
@NgModule({
... providers: [AuthGuard] }) AuthGuardService： import { JwtHelper } from 'angular2-jwt';
import { Injectable } from '@angular/core';
import { CanActivate, Router }
浏览 25提问于2019-01-19得票数 0
我想在使用InAppBrowser启动离子型浏览器时输出浏览器，但是输出错误，显示屏幕上没有任何显示为白色页面的内容。为什么？
app.module.ts:
import { InAppBrowser} from '@ionic-native/in-app-browser/ngx'; //add
@NgModule({
(ellipsis)
providers: [
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
浏览 10提问于2019-11-09得票数 2
我得到了这个错误：
core.js:1449 ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[VideosService -> Ht**strong text**tp]:
StaticInjectorError(Platform: core)[VideosService -> Http]:
NullInjectorError: No provider for Http!
Error: StaticInjectorError(AppModule)[VideosServi
浏览 1提问于2018-08-02得票数 0
错误错误:未知(承诺)：错误: StaticInjectorError(AppModule)ElementRef：
StaticInjectorError(平台:核心) ElementRef : NullInjectorError:没有ElementRef的提供者！错误: StaticInjectorError(AppModule)ElementRef：
StaticInjectorError(平台:核心) ElementRef : NullInjectorError:没有ElementRef的提供者！
当我在我的服务中使用angular5时，我在ElementRef中遇到的错误是这样
浏览 1提问于2018-07-04得票数 3
回答已采纳
我正在尝试将我的角度项目迁移到NativeScript。
每当我试图运行tns run android --bundle时，我都会得到以下错误：
JS ERROR Error: Uncaught (in promise): Error:
StaticInjectorError(AppModule)[MatSnackBar -> Overlay]:
JS: StaticInjectorError(Platform: core)[MatSnackBar -> Overlay]:
JS: NullInjectorError: No
浏览 1提问于2019-04-05得票数 2
回答已采纳
我正在构建一个web应用程序，并创建了一个服务：
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class ModuleService {
constructor(private startTime: number = 8, private endTime: number = 12) { }
get start() {
return this.startTime;
}
get end() {
浏览 10提问于2018-08-03得票数 0
回答已采纳
我刚刚将一个项目从角形6(和ngrx 6)升级到了角8。我试着遵循角度8的迁移指南，并且能够构建所有的东西，但是当我运行它时，最终得到了这个错误：
完全错误消息：
Unhandled Promise rejection: StaticInjectorError(AppModule)[StoreRouterConnectingModule -> InjectionToken @ngrx/router-store Configuration]:
StaticInjectorError(Platform: core)[StoreRouterConnectingModule -> I
浏览 1提问于2019-06-12得票数 13
回答已采纳
当我在我的服务的构造函数中使用Http时，我遇到了上面提到的错误。
员工服务代码
import { Component } from '@angular/core'
import { Injectable } from '@angular/core'
import { HttpModule } from '@angular/http';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/observable
浏览 2提问于2018-06-06得票数 11
回答已采纳
正如在NullInjectorError中所解释的，我在尝试利用AngularFireAuthGuard时遇到了一个。
尽管在app.module.ts，中添加了AngularFireAuthGuard和AngularFireAuthGuardModule，但它抱怨没有Router的提供者，尽管我也在导入RouterModule！
errors.ts:30 ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[AngularFireAuthGuard -> Router]
浏览 7提问于2020-01-15得票数 1
2回答
我试图在angular 6项目的内部模块中使用ngx-bootstrap / tabs组件，但我在控制台中遇到了这个错误，渲染崩溃：
ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[TabHeadingDirective -> TabDirective]:
StaticInjectorError(Platform: core)[TabHeadingDirective -> TabDirective]:
NullInjectorError: No provider
浏览 3提问于2018-12-05得票数 1
3回答
我正在构建一个Angular库，以便在更大的项目中使用。这将是一种多存储库的方法，应用程序的每个部分都是一个库。所有这些部分都将拥有它们的组件、管道、服务…… 但是我的第一个测试没有起作用。我创建了我的独立库和一个hello-world组件，使用--watch构建它，使用NPM将它链接到我的基本项目...而且它是有效的。它会在屏幕上显示消息。当我尝试添加任何类型的管道时，问题就出现了，即使是默认管道也会断开。如果创建一个Date对象并在消息后使用date管道，它将中断。与货币或异步管道相同。 日期管道错误： Error: Uncaught (in promise): Error: Stati
浏览 8提问于2020-04-21得票数 2
回答已采纳
当我在角ng服务中运行cmd时，应用程序将停止加载，并得到下面的错误。
错误错误:未知(承诺)：错误: StaticInjectorError(AppModule)AuthService -> Http: StaticInjectorError(平台:核心)AuthService -> Http: NullInjectorError: No provider for Http！错误: StaticInjectorError(AppModule)AuthService -> Http: StaticInjectorError(平台:核心)AuthService -> H
浏览 0提问于2018-05-16得票数 3
回答已采纳
我正在尝试使用Angular 2实现一个示例项目。在这里，我被划分为不同的子模块，并导入到我的app.module.ts中。和服务也是我从服务部分导入。并定义到不同组件的路由。当我运行时，我收到以下错误消息：
ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[UserrequestService -> String]:
整个错误堆栈如下：
ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[Use
浏览 16提问于2019-08-07得票数 0
回答已采纳
我试图用httpclient函数测试我的服务，但是当我运行业力时，我总是得到标题中提到的错误。
我已经在我的规范文件中输入了HttpClientModule
编辑：
因此，我发现我的测试正在工作，只是控制台中打印了一条错误消息，这令人困惑。我不认为这应该是.
app.module.ts
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {AppRoutingModule} from './app-
浏览 3提问于2019-06-04得票数 0
我正在创建一个Angular 5库项目，其中使用了ng-bootstrap，当ng从它自己的项目文件夹中提供服务时，它工作得很好。现在，它被安装到另一个Angular 5应用程序项目中，当启动该应用程序时，它给出了这个异常：
ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[NgbTypeahead -> NgbTypeaheadConfig]:
StaticInjectorError(Platform: core)[NgbTypeahead -> NgbTypeahea
浏览 6提问于2018-01-16得票数 1
我正在尝试让cordova-plugin-ftp插件与离子4一起工作，所以这就是我所做的：
创建了一个新项目：
ionic start myproject
然后将cd放入其中，并添加插件：
ionic cordova plugin add cordova-plugin-ftp
npm install @ionic-native/ftp
然后转到我的home.page.ts并导入插件：
import { FTP } from '@ionic-native/ftp/ngx';
然后把它加到修理工上：
constructor(private ftp: FTP) {}
下面是整个.ts
浏览 2提问于2019-12-31得票数 2
回答已采纳
ngIF和ngFor的角自定义库抛出错误
ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[NgForOf -> ViewContainerRef]:
StaticInjectorError(Platform: core)[NgForOf -> ViewContainerRef]:
NullInjectorError: No provider for ViewContainerRef!
浏览 0提问于2019-04-02得票数 0
回答已采纳
我在使用角质材料时出错了。具体来说，
ERROR Error: Uncaught (in promise): Error:
StaticInjectorError(AppModule)[CdkConnectedOverlay -> Overlay]:
StaticInjectorError(Platform: core)[CdkConnectedOverlay -> Overlay]:
NullInjectorError: No provider for Overlay!
Error: StaticInjectorError(AppModule)[CdkConnecte
浏览 1提问于2019-01-06得票数 1
回答已采纳
我在我的项目中使用Angular 8，使用Node版本10.15.3(已经尝试过其他版本，包括最新的12.31.1)。这在MAC上运行得很好，但在Windows上运行时，它会在浏览器上停止并出现错误
NullInjectorError: "StaticInjectorError(AppModule)[MatCommonModule -> HighContrastModeDetector]:
StaticInjectorError(Platform: core)[MatCommonModule -> HighContrastModeDetector]:
Nul
浏览 2提问于2019-11-25得票数 8
3回答
在Angular 8中是否可以在运行时选择性地导入/注入？我有一个旧的服务，我想在同一个ng-cli工作区的新项目中使用，但新项目使用内置的Angular路由，而旧的使用第三方路由。 所以在服务的构造函数中，我可以做到这一点 let app = this.config.get('application');
if (app == 'legacy') {
this.state = this.injector.get<any>(StateService);
} 这意味着我不需要注入它，但是新的项目代码仍然失败，因
浏览 16提问于2020-04-30得票数 0
回答已采纳
我使用的是ionic 3.2和angular，对于install HTTP ()，我使用以下命令：
ionic cordova plugin add cordova-plugin-advanced-http
npm install --save @ionic-native/http
在script autenticar.ts中，我按如下方式添加了import { HTTP } from '@ionic-native/http';：
import { Component, ViewChild } from '@angular/core';
import { Nav
浏览 82提问于2018-03-19得票数 4
回答已采纳
1回答
在我从8升级到9之后，我得到了这个错误。
Uncaught NullInjectorError: StaticInjectorError(Platform: core)[CompilerFactory]:
NullInjectorError: No provider for CompilerFactory!
下面是我的main.ts代码
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.modu
浏览 11提问于2020-05-19得票数 0
错误错误:未捕获(在promise中)：错误: StaticInjectorError(AppModule)SignalR -> InjectionToken SIGNALR_JCONNECTION_TOKEN: StaticInjectorError(Platform: core)SignalR -> InjectionToken SIGNALR_JCONNECTION_TOKEN: NullInjectorError:没有InjectionToken SIGNALR_JCONNECTION_TOKEN的提供程序！
浏览 16提问于2018-12-13得票数 0
错误错误:未捕获(在promise中)：NullInjectorError: StaticInjectorError(AppModule) ToastrService : StaticInjectorError(Platform: core)ToastrService: NullInjectorError:没有ToastrService的提供程序！NullInjectorError: StaticInjectorError(AppModule) ToastrService : StaticInjectorError(Platform: core)ToastrService: NullInjec
浏览 32提问于2020-07-30得票数 0
3回答
我试图使用Router在我的角5组件中进行重定向。
在app.module中有：
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { HttpModule } from '@angular/http'
import { Router,
浏览 0提问于2018-07-17得票数 0
回答已采纳
1回答
我试过使用离子原生插件"Network“，但它失败了，因为假定缺少提供者。为了避免任何错误，我安装了全新安装的Ionic和所需的依赖项： ionic cordova plugin add cordova-plugin-network-information
npm install @ionic-native/network 然后我将依赖项添加到home的构造函数中： import { Component } from '@angular/core';
import { Network } from '@ionic-native/network/ngx'
浏览 14提问于2019-05-09得票数 6
回答已采纳
我有这个错误：
错误错误:未捕获(在promise中)：错误: StaticInjectorError(AppModule)Tab1Page -> EventProvider：* StaticInjectorError(Platform：-> )Tab1Page-> EventProvider：* NullInjectorError: No provider for EventProvider！错误: StaticInjectorError(AppModule)Tab1Page -> EventProvider：* StaticInjectorError(Platfor
浏览 0提问于2019-03-04得票数 1
在更新到角5之后，我用我的存储模块得到一条错误消息。Redux现在有了7.1.0版本
未处理的承诺拒绝: StaticInjectorError(AppModule)StoreModule -> NgReduxRouter: StaticInjectorError(平台:核心)StoreModule -> NgReduxRouter: NullInjectorError: No for NgReduxRouter！；Zone：；Task: Promise.then；Value: StaticInjectorError(AppModule)StoreModule -> NgR
浏览 2提问于2018-02-13得票数 5
回答已采纳
1回答
假设我有一个非常基本的组件，它是角组件库的一部分，如下所示：
mycomponent.module.html
<div>
<a routerLink="/">
</div>
mycomponent.component.ts
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'my-component',
templateUrl: './mycomponent.componen
浏览 3提问于2020-01-09得票数 0
回答已采纳
当我将HttpClient注入到我的服务类中时，我对Ionic很陌生，并且遇到了以下错误：
错误:未知(承诺)：错误: StaticInjectorError(AppModule)CategoriesServiceProvider -> HttpClient: StaticInjectorError(平台:核心)CategoriesServiceProvider -> HttpClient: NullInjectorError: NullInjectorError！错误: StaticInjectorError(AppModule)CategoriesServiceProvider
浏览 0提问于2018-07-24得票数 1
我只是在玩--试着从静态JSON文件中加载数据，开始学习角模板。
我搜索并找到了一些例子，但是实现了一个我想要避免的服务，直到我更好地掌握了事情……
这是我的代码：
app.module.ts
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {RouteReuseStrategy} from '@angular/router';
import {IonicModule, IonicRou
浏览 1提问于2019-09-18得票数 1
回答已采纳
core.js:15724错误错误:未捕获(在promise中)：错误: StaticInjectorError(AppModule)CircularGaugePointerDirective -> CircularGaugeComponent: StaticInjectorError(Platform: core)CircularGaugePointerDirective -> CircularGaugeComponent: NullInjectorError: No provider for CircularGaugeComponent！错误: StaticInjectorE
浏览 19提问于2019-06-08得票数 0
在我的角度应用程序中，当我在送礼-routing.module.ts中添加路由时，会出现此错误，当我删除路由时，它会工作，但我仍然需要路由，所以如何解决此错误？
ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[FormBuilder]:
StaticInjectorError(Platform: core)[FormBuilder]:
NullInjectorError: No provider for FormBuilder!
NullInjectorE
浏览 6提问于2020-02-18得票数 5
回答已采纳
1回答
我正在尝试使用Firebase Remote Config。对于它们提供的其他服务，有一个包装器：
但是，我似乎看到了Remote config是受支持的？
因此，在之后，我做了下面的service
import {Injectable} from '@angular/core';
import {FirebaseConfig} from '@ionic-native/firebase-config/ngx';
@Injectable({
providedIn: 'root'
})
export class TextService {
浏览 4提问于2019-11-04得票数 0
回答已采纳
我通过扩展"SimpleCMSComponent“@hybris创建了自定义组件"CustomPromotionComponent”。它在斯巴达克斯网站上被渲染了。
0: {slotId: "Section2A-Promotion",…}
components: {component: [{uid: "CustomPromotionComponent",…}]}
component: [{uid: "CustomPromotionComponent",…}]
0: {uid: "CustomPromotionCompone
浏览 0提问于2020-08-08得票数 0
因为我不知道发生了什么事，所以我真的很累了。今天上午，在进行一些更改以合并ReactiveForm中的两个表单之前，一切都正常工作，现在我在浏览器中得到了以下错误：
错误: StaticInjectorError(AppModule)FormGroup：
StaticInjectorError(平台:核心) FormGroup : NullInjectorError:没有FormGroup的提供者！错误: StaticInjectorError(AppModule)FormGroup：
StaticInjectorError(平台:核心) FormGroup : NullInjectorEr
浏览 0提问于2019-05-06得票数 5
回答已采纳
得到了这个错误 ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[Http]:
StaticInjectorError(Platform: core)[Http]:
NullInjectorError: No provider for Http!
Error: StaticInjectorError(AppModule)[Http]: 以下是代码服务： import { Injectable } from '@angular/core';
import { Ht
浏览 20提问于2019-06-29得票数 0
回答已采纳
我需要打印从安卓应用程序使用离子框架(V4)的html内容。我在官方文档中找到了cordova插件打印机，但我不能让它工作。根据docs的说法，您只需稍后安装插件和包装器。 ionic cordova plugin add cordova-plugin-printer
npm install @ionic-native/printer 然后，当注入打印机对象时，我得到NullInjector错误 ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[TabComprobant
浏览 61提问于2019-10-18得票数 1
3回答
我遵循并尝试向特定模块(OrdersModule)提供服务(OrderService)。将服务导入组件(OrderListComponent)后，我收到一个错误。谁能告诉我，我哪里做错了？
这是我的stackblitz代码的。
order.service.ts
import { Injectable } from '@angular/core';
import { OrdersModule } from './orders.module';
@Injectable({
providedIn: OrdersModule
})
export class Ord
浏览 0提问于2019-05-31得票数 0
因此，当我尝试加载我的angular应用程序时，我得到了这个错误： ERROR Error: Uncaught (in promise):
NullInjectorError: StaticInjectorError(AppModule)[AppComponent -> MatDialog]:
StaticInjectorError(Platform: core)[AppComponent -> MatDialog]: 我的ts文件看起来像这样，每个其他的帮助问题都说要在我的NgModule导入中添加MatDialog，但我已经这样做了，仍然收到错误。大多数错误都是St
浏览 12提问于2020-01-22得票数 12
回答已采纳
我有一个使用ngrx/store的角形5项目。该项目由应用程序和应用程序使用的共享库组成。直到今天，我们还在一起编译两个项目的TypeScript --这个库是用TypeScript代码“发布”的。
今天，我让这个库使用ng-packagr并使用yarn link将它拉到应用程序中，这样我就可以运行本地代码了。然而，当我尝试启动我的应用程序时，我在浏览器中得到了这个错误：
Unhandled Promise rejection: StaticInjectorError(AppModule)[Store -> StateObservable]: StaticInjectorError
浏览 0提问于2018-05-10得票数 7
使用npm (如上述 )将角方框安装到角应用程序中
在开发模式下工作良好。但在生产过程中出现了错误。
当然，最初的错误是
NullInjectorError: StaticInjectorError(Do)[qm -> t]: StaticInjectorError(Platform: core)[qm -> t]: NullInjectorError: No provider for t!
必须将angular.json中的设置更改为
"optimization": false,
...
"buildOptimizer": true,
找出实际错误
浏览 4提问于2019-11-22得票数 6
回答已采纳
Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[InjectionToken ToastConfig]:
StaticInjectorError(Platform: core)[InjectionToken ToastConfig]:
NullInjectorError: No provider for InjectionToken ToastConfig!
NullInjectorError: StaticInjectorError(AppModule)[InjectionTo
浏览 24提问于2019-10-22得票数 1
你好，我正在尝试从Ionic Cordova 3迁移到Ionic Cordova 5。我想调用一个php函数来获得结果。PHP运行得很好。
这就是我给结果命名的方法。
home.ts
allMediaSet(){
console.log('dddd1');
this.offset = 0;
this.userData.allMedias(this.offset)
.map(res => res.json())
.subscribe(data => {
if (data.success) {
this.allMedia = data.mediaFeed;
浏览 7提问于2020-06-05得票数 0
我已经实现了一个简单的离子应用程序，该应用程序有一个页面，它调用了中可以找到的angular7-odooRpc服务，但是我在调用OdooRPCService的构造函数时遇到了这个错误。
错误:未知(承诺)：NullInjectorError: StaticInjectorError(AppModule)OdooRPCService -> HttpClient: StaticInjectorError(平台:核心)OdooRPCService -> HttpClient: NullInjectorError：！NullInjectorError: StaticInjectorErr
浏览 3提问于2019-09-14得票数 3
回答已采纳
错误NullInjectorError："StaticInjectorError(AppModule)RouterScroller -> ViewportScroller: StaticInjectorError(平台:核心)RouterScroller -> ViewportScroller: NullInjectorError：！“
浏览 2提问于2019-11-21得票数 0
我是一个ngrx (做了一次，但仍然是相当新的)。当我试图访问使用ngrx的页面时，开发人员控制台中出现了此错误：
ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[MembershipComponent -> ComponentStore]:
StaticInjectorError(Platform: core)[MembershipComponent -> ComponentStore]:
NullInjectorError: No prov
浏览 15提问于2022-03-07得票数 0
我有一个angular 8应用程序，我得到了以下错误： core.js:4002 ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[ScreenComponent -> MetadataUtil]:
StaticInjectorError(Platform: core)[ScreenComponent -> MetadataUtil]:
NullInjectorError: No provider for MetadataUtil!
NullI
浏览 31提问于2020-11-17得票数 0
我需要解决为什么我的injectionToken没有被注入到类构造函数中。我有angular (7.1)，由NSwag生成的代码。
我已经尝试将提供者代码放在模块和组件中。谢谢你的建议。
client.ts
export const API_BASE_URL = new InjectionToken<string>('API_BASE_URL');
export class Client implements IClient {
private http: HttpClient;
private baseUrl: string;
protected jsonPar
浏览 0提问于2019-01-05得票数 1
我在我的8角应用程序中尝试使用ng-select。我得到了一个运行时错误：
core.js:6249 ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[NgSelectComponent -> NgSelectConfig]:
StaticInjectorError(Platform: core)[NgSelectComponent -> NgSelectConfig]:
NullInjectorError: No provider for Ng
浏览 5提问于2020-07-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
