快捷導(dǎo)航

如何處理Angular?錯誤消息ERROR?Error?NullInjectorError?No?provider?for?XX

更新時間：2023年07月27日 09:05:50 作者：JerryWang_汪子熙

這篇文章主要介紹了如何處理Angular?錯誤消息ERROR?Error?NullInjectorError?No?provider?for?XX

錯誤消息

ERROR Error: NullInjectorError: No provider for CustomI18nConfigInitializer! 應(yīng)該如何處理？

我已經(jīng)在 AppModule 里編寫了如下代碼?。?/p>

{ 
      provide: CONFIG_INITIALIZER,
      useExisting: CustomI18nConfigInitializer,
      multi: true
    }

解決思路

在 Angular 應(yīng)用中，出現(xiàn) ERROR Error NullInjectorError No provider for XX 錯誤通常表示未在注入器中提供所需的依賴項。

具體而言，這個錯誤消息意味著某個組件、指令、服務(wù)等需要依賴于 XX 類型的對象，但注入器無法找到 XX 的提供者。

以下是解決這個錯誤的一些可能的方法：

添加提供者：在使用依賴項的組件、指令、服務(wù)等中添加一個提供者，該提供者能夠提供 XX 的實例。例如，如果依賴項是一個服務(wù)，則可以在該服務(wù)的注入器元數(shù)據(jù)中添加提供者：

import { Injectable } from '@angular/core';
import { XX } from './xx';
@Injectable({
  providedIn: 'root',
  // 添加提供者
  providers: [XX]
})
export class MyService {
  constructor(private xx: XX) { }
}

導(dǎo)入提供者：如果提供者已經(jīng)存在，但未被導(dǎo)入到當(dāng)前文件中，那么可以通過導(dǎo)入提供者來解決該問題：

import { Component } from '@angular/core';
import { XX } from './xx';
@Component({
  selector: 'my-component',
  template: `<h1>My Component</h1>`
  // 導(dǎo)入提供者
  providers: [XX]
})
export class MyComponent {
  constructor(private xx: XX) { }
}