Angular ERROR NullInjectorError: R3InjectorError(AppModule)的错误分析

错误消息：

外观如下：

需要注入加了@Inject(‘apiUrl’)这个注解的myname参数：

遇到如下错误：

依赖注入的入口函数：

/*** @fileoverview added by tsickle* Generated from: packages/core/src/render3/instructions/di.ts* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc*/
/*** @template T* @param {?} token* @param {?=} flags* @return {?}*/
function ɵɵdirectiveInject(token, flags = InjectFlags.Default) {/** @type {?} */const lView = getLView();// Fall back to inject() if view hasn't been created. This situation can happen in tests// if inject utilities are used before bootstrapping.if (lView == null)return ɵɵinject(token, flags);/** @type {?} */const tNode = getPreviousOrParentTNode();return getOrCreateInjectable((/** @type {?} */ (tNode)), lView, resolveForwardRef(token), flags);
}

这个token是自动传入的：

从injector的records map里查看，apiUrl对应的value为null：

最终报错：

core.js:6242 ERROR NullInjectorError: R3InjectorError(AppModule)[apiUrl -> apiUrl -> apiUrl]:
NullInjectorError: No provider for apiUrl!
at NullInjector.get (http://localhost:4200/vendor.js:62758:27)
at R3Injector.get (http://localhost:4200/vendor.js:76765:33)
at R3Injector.get (http://localhost:4200/vendor.js:76765:33)
at R3Injector.get (http://localhost:4200/vendor.js:76765:33)
at NgModuleRef$1.get (http://localhost:4200/vendor.js:94067:33)
at Object.get (http://localhost:4200/vendor.js:91801:35)
at getOrCreateInjectable (http://localhost:4200/vendor.js:66560:39)
at Module.ɵɵdirectiveInject (http://localhost:4200/vendor.js:80581:12)
at NodeInjectorFactory.SearchInputComponent_Factory [as factory] (http://localhost:4200/main.js:1432:174)
at getNodeInjectable (http://localhost:4200/vendor.js:66705:44)

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

Angular ERROR NullInjectorError: R3InjectorError(AppModule)的错误分析相关推荐

如何处理使用ngrx时遇到的错误消息: NullInjectorError R3InjectorError(AppModule)[StoreFeatureModule]
错误消息: main.ts:12 NullInjectorError: R3InjectorError(AppModule)[StoreFeatureModule -> ReducerManag ...
解决Angular里的报错：ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError()
报错信息 vendor.js:22967 ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(LoginMod ...
android error: undefined reference to 的错误分析
今天,简单讲讲android error: undefined reference to 的错误分析. 昨天,做jni,连接so库时,android studio出现了这个问题.当时不知道是什么 ...
error:R3InjectorError(AppModule)[HttpClient -＞ HttpClient -＞ HttpClient]:
场景:在组件里使用http时报错. import { HttpClient } from '@angular/common/http';constructor(private http: HttpCl ...
Angular 依赖注入的一个常见错误 NullInjectorError, No provider for XXX
测试代码: export abstract class GreetingService {abstract greet(name: string): string;} 加了@Injectable注解的 ...
NullInjectorError：No provider for MyNewService
错误消息: ERROR NullInjectorError: R3InjectorError(AppModule)[MyService -> MyNewService -> MyNewSe ...
RouterModule.forRoot 和 RouterModule.forChild 的区别
我在做 Angular 开发时,遇到如下错误: core.js:6242 ERROR NullInjectorError: R3InjectorError(AppModule)[ChildrenOut ...
【硬核解说】一口气讲明白Angular的5种路由守卫RouteGuard是嘛玩意儿
Angular的常用路由守卫有5种,按照执行顺序: ① CanLoad:进入到当前路由的时候触发(若用户没有权限访问,相应的模块并不会被加载.这里是指对应组件的代码). ↓ ② CanAcitivat ...
Angular No provider for EffectsRootModule错误消息的出现原因和修复方式
错误消息: main.ts:12 NullInjectorError: R3InjectorError(AppModule)[EffectsFeatureModule -> EffectsRoo ...

Angular ERROR NullInjectorError: R3InjectorError(AppModule)的错误分析

Angular ERROR NullInjectorError: R3InjectorError(AppModule)的错误分析相关推荐

最新文章

热门文章