升级到Angular 12 - NullInjectorError:没有InjectionToken提供程序
在升级到Angular 12时，可能会遇到NullInjectorError:没有InjectionToken提供程序的错误。这个错误通常是由于依赖注入系统的更改引起的。下面是对这个错误的完善且全面的答案：
概念： 依赖注入（Dependency Injection，简称DI）是一种设计模式，用于管理对象之间的依赖关系。在Angular中，依赖注入是一种核心概念，用于将服务、组件或其他对象的依赖项注入到它们所需的位置。
分类： NullInjectorError是Angular框架的一个错误类，表示依赖注入系统无法找到所需的InjectionToken提供程序。
优势： 依赖注入可以提供以下优势：
- 代码重用：通过将依赖项注入到组件或服务中，可以实现代码的重用，减少重复的代码。
- 可测试性：依赖注入使得组件和服务的测试更加容易，可以轻松地模拟和替换依赖项。
- 松耦合：依赖注入可以实现组件和服务之间的松耦合，提高代码的可维护性和可扩展性。
应用场景： 依赖注入广泛应用于Angular应用程序的开发过程中，特别是在组件和服务的开发中。通过依赖注入，可以方便地管理组件之间的通信和数据共享，实现模块化和可扩展的应用程序架构。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列云计算产品，可以帮助开发者构建和部署各种类型的应用程序。以下是一些与云计算相关的腾讯云产品和产品介绍链接地址，供参考：
- 云服务器（Elastic Compute Cloud，简称CVM）：提供可扩展的计算能力，用于部署和运行应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的关系型数据库服务，用于存储和管理数据。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（Cloud Object Storage，简称COS）：提供安全可靠的对象存储服务，用于存储和管理大规模的非结构化数据。 产品介绍链接：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Platform）：提供丰富的人工智能服务和工具，用于构建和部署机器学习模型。 产品介绍链接：https://cloud.tencent.com/product/ai
- 物联网（Internet of Things，简称IoT）：提供全面的物联网解决方案，用于连接和管理物联网设备。 产品介绍链接：https://cloud.tencent.com/product/iotexplorer
- 区块链服务（Blockchain as a Service，简称BaaS）：提供简单易用的区块链开发和部署服务，用于构建可信赖的区块链应用程序。 产品介绍链接：https://cloud.tencent.com/product/baas
- 元宇宙（Metaverse）：腾讯云目前没有明确的元宇宙产品，但可以通过腾讯云的计算、存储和人工智能服务来构建和支持元宇宙应用程序的开发和部署。
总结： 升级到Angular 12时遇到NullInjectorError:没有InjectionToken提供程序的错误，通常是由于依赖注入系统的更改引起的。依赖注入是一种重要的设计模式，广泛应用于Angular应用程序的开发中。腾讯云提供了一系列与云计算相关的产品，可以帮助开发者构建和部署各种类型的应用程序。
相关·内容
最初的实现是基于
Angular 11示例
angular 11版本可以工作(甚至是prod模式)，但其他版本遇到了相同的错误
浏览 17提问于2021-06-14得票数 0
回答已采纳
NullInjectorError: R3InjectorError(AppModule)OktaAuthGuard -> OktaAuthService -> InjectionToken okta.config.angular-> InjectionToken okta.config.angular -> InjectionToken okta.config.angular它在angular6和8中工作得很好，但
浏览 11提问于2021-05-18得票数 0
每次我为Angular编写测试时，我的测试都会在运行执行时失败，而不是在构建时失败。找不到此问题的提供程序，找不到提供程序等NULL，如何在构建编译时发现所有这些问题？而不是在运行时填充缺少的提供程序？我所做的就是不断地在谷歌之间来回切换。这就是为什么React现在拥有最高的市场份额。我用谷歌解决了这个问题，现在又多了10个，有没有一个快速有效的解决方案来解决所有这些问题？NullInjectorError: R3InjectorEr
浏览 5提问于2020-12-07得票数 1
回答已采纳
1回答
每当我尝试从angular material()中使用"select“时，我得到这个错误。不过，我导入了MatSelectModule。core.js:6272错误策略: R3InjectorError(RootModule)InjectionToken mat-select-scroll-strategy -> InjectionTokenmat-select-scroll-strategy: NullInjectorError:没有InjectionToken mat
浏览 16提问于2020-05-14得票数 1
回答已采纳
我刚刚将一个项目从角形6(和ngrx 6)升级到了角8。@ngrx/router-store Configuration]: NullInjectorError: No provider for Inje
浏览 1提问于2019-06-12得票数 13
回答已采纳
2回答
我试图构建一个依赖于提供InjectorToken的喷射器的角度组件： selector: 'app-test',
templateUrlTestComponent {
浏览 5提问于2019-10-30得票数 1
回答已采纳
如何解决以下错误 StaticInjectorError(Platform: core)[OzaAuthService -> InjectionToken oza.config.angular]:
NullInjectorError: No pr
浏览 5提问于2020-02-03得票数 2
回答已采纳
我正在尝试测试一个处理SignalR连接的Angular服务，它将SignalR的代码作为InjectionToken。下面是提供程序文件：
export const SIGNALR_TOKENInjectionToken，每次都会得到一条NullInjectorErr
浏览 1提问于2018-10-02得票数 9
回答已采纳
我有两个模块在我的角度9应用程序，只有一个模块使用角材料。所以我的app.module.ts不加载它，我使用延迟加载，但是当我运行这个应用程序时它会显示一个错误
NullInjectorError: R3InjectorError(t)InjectionTokenmat-选择-滚动-策略-> InjectionToken mat-选择-滚动策略-策略: NullInjectorError:没有提供InjectionToken
浏览 12提问于2020-06-24得票数 9
这是最后一个Angular14版本。我收到的错误消息：
NullInjectorError: R3InjectorError(i)[e -> InjectionToken应用初始化器-> object Object -> j -> b-> -> J -> -> Tt -> Tt -> Tt]：NullInjectorError:无Tt提供程序！
浏览 13提问于2022-10-13得票数 0
回答已采纳
我需要解决为什么我的injectionToken没有被注入到类构造函数中。我有angular (7.1)，由NSwag生成的代码。export const API_BASE_URL = new InjectionToken<string>('API_BASE_URL');
StaticInjectorError(Platfo
浏览 0提问于2019-01-05得票数 1
错误错误:未捕获(在promise中)：错误: StaticInjectorError(AppModule)SignalR -> InjectionToken SIGNALR_JCONNECTION_TOKEN: StaticInjectorError(Platform: core)SignalR -> InjectionToken SIGNALR_JCONNECTION_TOKEN: NullInjectorError:没有InjectionToken SIGNALR_JCONNECTION
浏览 16提问于2018-12-13得票数 0
在我的Angular应用程序上运行jasmine测试时，我得到了这个错误。NullInjectorError: No provider for InjectionToken MatDialogData!NullInjectorError: No provider for InjectionToken MatDialogData!我正在我的组件中导入： import { MAT_DIALOG_DATA, MatDialogRef } from '@angular
浏览 193提问于2019-09-18得票数 15
回答已采纳
import { Component, OnInit, Injectable } from '@angular/core';import { ComponentType, Overlay, OverlayConfig } from "@angular/cdk/overlay";
import { TranslateService: NullInjector
浏览 2提问于2020-01-15得票数 1
错误:未知(承诺)：NullInjectorError: R3InjectorError(AppModule)InjectionToken MAT_TAB_GROUP -> InjectionTokenMAT_TAB_GROUP -> InjectionToken MAT_TAB_GROUP: NullInjectorError: No for InjectionToken MAT_TAB_GROUPNullInjectorError: R3Injector
浏览 0提问于2021-05-21得票数 0
1回答
我得到的错误如下： NullInjectorError: No provider for InjectionToken fuseCustomConfig我不确定要提供什么。
Error:
浏览 4提问于2020-07-03得票数 1
我正在尝试让Firebase应用程序检查工作，但我很难找到一种使用Angularfire的方法，因为从我所能找到的东西来看，上面似乎没有文档。} from '@angular/fire/compat';
import { AngularFireStorageModule } from '@angular/fire/compat/storage-> InjectionToken AngularFireAuth 2.应用<e
浏览 16提问于2022-04-18得票数 5
回答已采纳
我知道Stackoverflow上有一些类似的问题，但他们没有完全回答我的问题。在我的Angular项目中运行Karma测试时，我得到这个错误：NullInjectorError: No provider for InjectionToken app.config!我知道在我的.spec文件中，我需要为InjectionToken指定一个提供者，但是我不确定确切的语法。这是我的app.config文件：
export let APP_CONFIG = new InjectionT
浏览 1提问于2018-08-18得票数 5
回答已采纳
1回答
在库中使用MatSnackBar
、、、、
但是，当我试图在上面的状态下运行我的应用程序时，我会得到以下错误：
错误NullInjectorError: R3InjectorError(AppModule)InjectionToken MatSnackBarData-> InjectionToken MatSnackBarData -> InjectionToken MatSnackBarData: NullInjectorError:无InjectionTokenMatSnackBarData的<
浏览 7提问于2021-01-25得票数 0
ERROR NullInjectorError: R3InjectorError(ArchViewModule)[InjectionToken Global Config -> InjectionTokenGlobal Config -> InjectionToken Global Config -> InjectionToken Global Config -> InjectionToken GlobalConfig -> InjectionTok
浏览 14提问于2021-12-16得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
