NullInjectorError:没有ChildrenOutletContexts提供程序
是Angular框架中的一个错误。它通常发生在以下情况下：
- 在Angular模块中未正确导入或提供ChildrenOutletContexts。 解决方法：确保在使用ChildrenOutletContexts的模块中正确导入和提供它。可以通过在模块的providers数组中添加以下代码来提供ChildrenOutletContexts：
- 在Angular模块中未正确导入或提供ChildrenOutletContexts。 解决方法：确保在使用ChildrenOutletContexts的模块中正确导入和提供它。可以通过在模块的providers数组中添加以下代码来提供ChildrenOutletContexts：
- 在组件或服务中未正确注入ChildrenOutletContexts。 解决方法：确保在需要使用ChildrenOutletContexts的组件或服务中正确注入它。可以通过在构造函数中添加以下代码来注入ChildrenOutletContexts：
- 在组件或服务中未正确注入ChildrenOutletContexts。 解决方法：确保在需要使用ChildrenOutletContexts的组件或服务中正确注入它。可以通过在构造函数中添加以下代码来注入ChildrenOutletContexts：
NullInjectorError:没有ChildrenOutletContexts提供程序的出现可能是由于上述原因之一导致的。通过正确导入和提供ChildrenOutletContexts，并在需要使用它的地方正确注入，可以解决这个错误。
关于NullInjectorError和Angular框架的更多信息，可以参考腾讯云的Angular开发文档： Angular开发文档
相关·内容
正如在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
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
回答已采纳
每次我为Angular编写测试时，我的测试都会在运行执行时失败，而不是在构建时失败。找不到此问题的提供程序，找不到提供程序等NULL，如何在构建编译时发现所有这些问题？而不是在运行时填充缺少的提供程序？我所做的就是不断地在谷歌之间来回切换。这就是为什么React现在拥有最高的市场份额。 我用谷歌解决了这个问题，现在又多了10个，有没有一个快速有效的解决方案来解决所有这些问题？ NullInjectorError: R3InjectorError(DynamicTestModule)[InjectionToken MatDialogData -> InjectionToken MatDi
浏览 5提问于2020-12-07得票数 1
回答已采纳
我在我的应用程序中使用了angular-notifier，.It可以很好地从‘angular-notifier’导入{ NotifierModule }；在app.module.ts中
在组件的spec.ts中，我添加了来自‘angular-notifier’的导入{ NotifierService }；
提供程序: TestBed中的NotifierService
NullInjectorError:没有NotifierService的提供程序:在spec.ts中通过上面的导入解决了此问题
在那之后，我面临这个问题: NullInjectorError:没有NotifierQueueServ
浏览 25提问于2020-03-11得票数 0
我遵循abp框架教程和作者路线给出了“错误错误:未知(承诺)：NullInjectorError: R3InjectorError(AuthorModule)ScrollbarHelper -> ScrollbarHelper: NullInjectorError：！NullInjectorError: R3InjectorError(AuthorModule)ScrollbarHelper -> ScrollbarHelper: NullInjectorError：！”
github项目：
浏览 12提问于2022-09-17得票数 0
我有一个角12.0.2应用程序，它使用ngrx12.0.0。当我运行应用程序并访问延迟加载模块的路由时，我会得到以下错误。
ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(t)[t -> InjectionToken @ngrx/effects Feature Effects -> [object Object] -> t -> t -> t -> t -> t -> t]:
NullInjectorError: No provider for t
浏览 6提问于2021-06-08得票数 3
我正在为Angular 8应用程序编写单元测试用例。这是AngularJs + Angular 8的混合应用程序。 我收到以下错误： NullInjectorError: StaticInjectorError(DynamicTestModule)[TestService -> $injector]:
StaticInjectorError(Platform: core)[TestService -> $injector]:
NullInjectorError: No provider for $injector! 我不确定如何模拟$injector类。我尝试了模
浏览 42提问于2019-12-18得票数 0
当我在角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
回答已采纳
如何使用窗口从位置打开excel文件？
constructor( private fb: FormBuilder, private http: Http, private router: Router,private window:Window) { }
window.open(this.excelURL + "report/" + this.getexportlist.data.data, '_blank');
它显示了下面提到的错误：
错误错误:未知(承诺)：错误: StaticInjectorError(AppModule)CouponUsageRep
浏览 0提问于2018-09-24得票数 1
回答已采纳
我的角应用程序(和相关部分)的结构如下：
app/app.module.ts
import { DbService } from './db.service'
const APP_CONTAINERS = [
DefaultLayoutComponent,
DefaultHeaderComponent,
];
@NgModule({
declarations: [ ...APP_CONTAINERS ],
providers: [ DbService ]
})
export class AppModule {}
app/containers/d
浏览 3提问于2021-11-02得票数 0
回答已采纳
1回答
@angular/fire包在ng add导入中添加的这些提供程序的目的是什么：
provideFirebaseApp(() => initializeApp(environment.firebase)),
provideAnalytics(() => getAnalytics()),
provideAuth(() => getAuth()),
provideFirestore(() => getFirestore()),
provideFunctions(() => getFunctions()),
provide
浏览 10提问于2022-08-13得票数 2
回答已采纳
我正在做一个应用程序使用Ionic 5和电容。
package.json
"dependencies": {
"@angular/common": "~9.1.6",
"@angular/core": "~9.1.6",
"@angular/fire": "^6.0.2",
"@angular/forms": "~9.1.6",
"@angular/platform-browser": "
浏览 3提问于2020-09-15得票数 1
回答已采纳
有叉的“明科Gechev”的翻译和覆盖注入。
import { Component, OnInit, Injectable } from '@angular/core';
import { CookieService } from "ngx-cookie-service";
import { ComponentType, Overlay, OverlayConfig } from "@angular/cdk/overlay";
import { TranslateService } from "@ngx-translate/core&#
浏览 2提问于2020-01-15得票数 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
错误NullInjectorError："StaticInjectorError(AppModule)RouterScroller -> ViewportScroller: StaticInjectorError(平台:核心)RouterScroller -> ViewportScroller: NullInjectorError：！“
浏览 2提问于2019-11-21得票数 0
我已经创建了Azure Bot，并尝试从我的Angular web客户端调用它。我已经按照此软件包指南中提到的所有步骤进行了操作，网址为- Bot Framework Library For Angular 在执行所有步骤并运行应用程序时，出现错误- error NullInjectorError: R3InjectorError(AppModule)ComService -> ComService -> ComService: NullInjectorError: No provider for ComService！ ? 我已经在应用程序模块导入以及提供者中添加了相关
浏览 3提问于2020-08-25得票数 0
我正在构建一个自定义日历，并且我从NbCalendarDayCellComponent<Date> extend。我需要将其他服务注入到我的customCellComponent中，但如果我这样做了，我需要注入NbDateService，并收到以下错误： ERROR NullInjectorError: R3InjectorError(AppModule)NbDateService -> NbDateService -> NbDateService: NullInjectorError:无NbDateService提供程序 我尝试添加不同的模块，但不起作用。 Cale
浏览 70提问于2021-08-31得票数 2
我想在使用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
我在一个Angular应用程序上工作，其中我有一个材料模式(入口组件)，我想将我的AuthService和我的ngrx商店注入到该模式中，但每当我打开该模式时，我都会收到这些错误 core.js:4352 ERROR NullInjectorError: R3InjectorError[AuthService -> AuthService -> Store -> Store -> Store]:
NullInjectorError: No provider for Store! ERROR TypeError: Cannot read property '
浏览 19提问于2020-10-20得票数 0
回答已采纳
我有一个路由器，它使用解析器，但它现在不工作。
这是错误消息：
Uncaught (承诺中)：NullInjectorError: StaticInjectorError(AppModule) BlogResolver : StaticInjectorError(平台:核心)BlogResolver: NullInjectorError: NullInjectorError！
这是解析器的函数代码：
resolve(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): Observable<any> {
浏览 4提问于2020-01-31得票数 7
回答已采纳
我正在实现CallNumber。如果我遵循，就没有提到在提供程序中包含CallNumber，因此会引发一个错误：
错误:秘密(承诺)：NullInjectorError: R3InjectorError(HomePageModule)CallNumber -> CallNumber: NullInjectorError: No provider for CallNumber！
因此，我将CallNumber添加为app.module.ts中的提供程序。
import { CallNumber } from '@ionic-native/call-number';
浏览 0提问于2021-02-22得票数 1
回答已采纳
每次我尝试订阅这个主题时，它都会给我以下内容
core.js:6014错误: Uncaught (承诺)：NullInjectorError: NullInjectorError -> PickStoreCompComponent: StaticInjectorError(平台: core)HomeCompComponent -> PickStoreCompComponent: NullInjectorError：！StaticInjectorError(AppModule)HomeCompComponent -> PickStoreCompComponent: Stati
浏览 2提问于2020-03-04得票数 0
回答已采纳
NullInjectorError:没有为DatePipe!提供服务
当我试图将DatePipe添加到服务构造函数时，会出现这个错误。
注意：DatePipe已在提供程序列表中指定。
import { DatePipe } from '@angular/common';
...
@Injectable({
providedIn: 'root'
})
export class MyService {
...
...
constructor(private datePipe: DatePipe) {}
浏览 1提问于2021-09-02得票数 0
所以我正在用棱角和拉拉制作一个应用程序。一切都进行得很顺利--我登录了，并在考虑我自己的事情。然后，我退出了，当我想重新登录我的应用程序时，我不再合作了。我在后台使用了JWT的laravel。我试图在应用程序中选择不同的路径，比如Login或Signup，我得到了错误：
ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[false -> false -> false]:
NullInjectorError: No provider for false!
Null
浏览 3提问于2020-09-07得票数 0
我正在尝试在我的应用程序中使用PrimeNg表控件--也是PrimeNg的初学者，并且得到了一个错误No provider for FilterService!，如下所示
core.js:4002错误: Uncaught (承诺)：NullInjectorError: StaticInjectorError(AppModule)Table -> FilterService：
StaticInjectorError(平台:核心)表-> FilterService: NullInjectorError:不提供FilterService！NullInjectorError: Stati
浏览 3提问于2021-04-20得票数 0
回答已采纳
在尝试使用Ionic本地地理定位作为依赖项进行测试时，我收到了以下错误：
Failed: R3InjectorError(DynamicTestModule)[Geolocation -> Geolocation]:
NullInjectorError: No provider for Geolocation!
error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'Geolocation', 'Geolocation' ] })
浏览 18提问于2022-08-23得票数 0
我有一个angular8项目，最近我从节点上的angular7升级为："10.15.2"，"npm"："6.14.5“
我正在使用以下插件
@4.12.2
有了ng serve，应用程序就像预期的那样工作得很好，并且具有多层次。
但是，我已经安装了中描述的角ssr，以及当我使用以下命令运行时：
ng serve --prod --optimization=false
或
npm run build:ssr && npm run serve:ssr
我收到以下错误：
96f1c69496e6c439b888.js:29505 NullI
浏览 2提问于2020-06-20得票数 1
回答已采纳
我有一个应用程序，有几个惰性加载模块，每个都有自己的路由模块。我希望在每个路由模块周围编写一些测试，以防止对其路由的中断更改。
我的计划是从被测试的路由模块导出路由，并将它们导入到我的规范的RouterTestingModule中，然后模拟出任何需要的东西，比如解析器、服务等等。
1)由于某种原因，在我的示例中，它似乎没有使用我创建的模拟解析器，我将得到一个与尝试解析实际解析器相关联的错误。
2)，这是正确的方法吗？我看到的大多数示例都倾向于提供测试中直接到RouterTestingModule的路由，但我看不出这将如何防止对实际路由模块的破坏，而我只是将它的路由复制到测试中。
account
浏览 0提问于2021-05-19得票数 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
我已经用ionic构建了一个‘ve应用。我正在尝试将MSALModule导入我的应用程序。根据我在网上找到的教程等，你必须在app模块中添加以下内容：
MsalModule.forRoot({
clientID: OAuthSettings.appId
}),
目前，当我试图转到使用它的页面时，它会给我以下错误。
We have a generic Error: Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[MsalGuard -> Router]:
StaticInje
浏览 7提问于2019-11-22得票数 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
通过npm启动我的Ionic应用程序，我得到了这个错误
"NullInjectorError:没有存储提供程序！“
我在app.module.ts中包括了这样的存储：
imports: \[
BrowserModule,
IonicModule.forRoot(),
AppRoutingModule,
IonicStorageModule.forRoot(),
HttpClientModule,
ModalPayConfirmationPageModule,
ModalAlergenPageModule
\],
我在用Ionic 4。如果有人能帮我，我会很感激的。
我已经重新安装了
浏览 1提问于2022-03-29得票数 0
我在组件类中将类作为依赖项注入，并得到了一个错误。
NullInjectorError:没有类提供程序
这是我的代码：
// Component
import { Formation } from './Models/Formation';
export class FormationComponent {
constructor(private formation: Formation) { }
}
// Model Class
export class Formation {
}
会有什么问题？
浏览 0提问于2018-02-26得票数 9
回答已采纳
我创建了一个自定义模块(稍后将作为npm模块发布-现在它位于我的项目文件夹之外的本地位置)。
现在，我将这个自定义模块注入到我的项目根模块(即app.module.ts)中。它工作得很好。
但是，当我尝试将此自定义模块注入到同一项目中的其他模块时，我得到了StaticInjectError & NullinjectorError。没有日志提供程序的提供程序
浏览 0提问于2019-09-11得票数 0
我有以下代码：
import { Injectable } from '@angular/core';
@Injectable()
export class ClientCacheService {
private _cacheMode: CacheMode;
private _cacheMode: CacheMode;
constructor(cache?: CacheMode) {
if(!cache)
this._cacheMode = CacheMode.SessionStorage;
e
浏览 1提问于2018-07-10得票数 1
回答已采纳
GameService, UniqueIdService, GridService是我在模块中使用的服务。
问题: core.js:5847错误:未知(承诺)：NullInjectorError: StaticInjectorError(App4pcModule)
我一直在做这样的事情：
==>不适用于我的情况。
==>试过这个，没有帮助。
==>和我一点关系都没有
@Injectable()
export class GameService {
public currentScore: Observable<number>;
浏览 0提问于2019-06-17得票数 0
回答已采纳
一到两周前，我升级到了最新版本的网页应用程序，它可以正常工作。现在，每当我们进入登录页面(它注入了一次工作的AuthService)，浏览器将返回一个错误消息，如下所示：
ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(n)[AuthService -> _w -> _w -> _w]: NullInjectorError: No provider for _w! NullInjectorError: R3InjectorError(n)[AuthService -> _w
浏览 15提问于2022-04-17得票数 0
我正在尝试让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
回答已采纳
我有一个简单的组件和一些API调用。当我尝试运行单元测试时，我在Angular Jasmine测试中得到以下错误： NullInjectorError: StaticInjectorError(DynamicTestModule)[CROSS_STORAGE_CLIENT]:
StaticInjectorError(Platform: core)[CROSS_STORAGE_CLIENT]:
NullInjectorError: No provider for CROSS_STORAGE_CLIENT! 寻找一些帮助。
浏览 9提问于2021-08-06得票数 0
回答已采纳
我想使用ngx-bootstrap下拉菜单，所以我已经在app.module中导入了库 BsDropdownModule.forRoot(), 在我的html中，我想尝试文档中的示例。 <div class="btn-group" dropdown>
<button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle"
aria-controls
浏览 22提问于2021-10-22得票数 0
回答已采纳
main-es2015.6f31d328c9edc909ac03.js:1错误错误:未捕获(在promise中)：NullInjectorError: StaticInjectorError(i)Se -> e: StaticInjectorError(Platform：-> )Se-> e: NullInjectorError: No provider for e！ 只有当我这样做时，我才得到上面的错误--prod build。仅供参考，该模块是延迟加载的。 如有任何建议或帮助，我们将不胜感激。
浏览 23提问于2020-07-07得票数 4
1回答
当我在服务提供者中使用Spartacus的延迟加载模块时，我得到了一个关于需要提供服务的错误: app.module.ts：
ConfigModule.withConfig({
featureModules: {
customCheckoutComponentModule: {
module: () => import('@checkout/checkout.module').then((m) => m.CustomCheckoutComponentModule),
cmsComponents: [
'Ch
浏览 4提问于2021-02-10得票数 2
你好，我正在尝试列出一个带有ResumenService服务的表，但是我得到了以下错误
R3InjectorError(GestionGeneralModule)NgxsFeatureModule 错误: Uncaught (承诺中)：NullInjectorError：-> GestionGeneralSolState -> ResumenService -> ResumenService：
NullInjectorError:没有ResumenService的提供者！R3InjectorError(GestionGeneralModule)NgxsFeatureModul
浏览 2提问于2021-05-02得票数 1
2回答
我有一个由一个组件和一组子组件组成的模块。还有一个专门针对这个模块的服务。
我不确定我的需要是否能理解注入机制。我要做的是将服务注入到所有子组件中。
当我将服务注入组件中时，它是可以的，但我希望在模块级别上设置提供程序。
模块
import { NgModule } from '@angular/core';
import { ChangeUserComponent } from './change-user.component';
import { ChangeUserSidebarComponent } from './sidebar/sideba
浏览 0提问于2019-06-20得票数 1
我已经开始为一个9角应用程序编写测试。在这篇文章的一半时间里，我遵循了Jeff的建议：
如果需要使用需要使用导入的自定义类型扩展window对象，则可以使用以下方法：
window.d.ts
从‘./ MyInterface’导入MyInterface；
声明全局{接口窗口{ propName: MyInterface }
当我运行测试时，我不会收到这个错误。
NullInjectorError: R3InjectorError(DynamicTestModule)[AdvancedsearchService -> AuthService -> Window -> Wi
浏览 0提问于2021-01-19得票数 1
回答已采纳
我在CommentComponent中使用CommentComponent，它导出到其他模块，如ArticleModule、ProductModule等.
// CommentModule
@NgModule({
exports: [ CommentComponent ],
declarations: [ CommentComponent ],
providers: [ CommentService]
})
export class CommentModule { }
// Comment Component (belongs to CommentModule)
浏览 0提问于2018-11-17得票数 0
回答已采纳
我尝试在应用程序中使用NbgDropdown，但收到以下错误：
NullInjectorError:没有NgbDropdown的提供程序！
我的app.module文件如下所示：
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
...
NgModule({
declarations: [
...
],
imports: [
...
NgbModule.forRoot()
],
providers: [
...
浏览 4提问于2019-02-22得票数 10
1回答
我正在尝试从第三方UI库中注入一个服务。其中一个UI组件帮助我们创建弹出通知。
要做到这一点，我们需要
注入他们的通知服务使用我们的消息调用runNotification方法
constructor(private notificationService: NotificationService){
notificationService.runNotification('hi');
}
但是，我遇到了一个nullInjectorError: No Providers for NotificationService错误
到目前为止我一直在努力
导入他们的Notificati
浏览 3提问于2020-12-01得票数 0
回答已采纳
2回答
闭合主动模态
、、
我在我的角度项目中打开了多个模态。我制作了一个模态组件作为内容的包装器。现在，我想关闭活动模式，而不是关闭所有模态。因此，dismissAll需要被替换。我想使用NgbActiveModal，但是一旦将它添加到构造函数中，就会得到一个错误。
浏览器中显示的错误消息。
错误:未知(承诺)：NullInjectorError: R3InjectorError(AppModule)NgbActiveModal -> NgbActiveModal -> NgbActiveModal: NullInjectorError: No for NgbActiveModal！NullInjector
浏览 16提问于2021-09-17得票数 0
我正在尝试获取自定义组件的组件数据。
private componentData$: Observable<CmsBannerCarouselComponent> = this.componentData.data$.pipe(
filter(Boolean),
tap((d: CmsBannerCarouselComponent) => (console.log("++++++++++++++++++++++++++",d)))
);
我得到了以下错误：
core.js:4197 ERROR NullInjectorError: R3In
浏览 1提问于2020-10-06得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
