त्रुटि: "अनुक्रमित अपरिभाषित प्रदाता! आमतौर पर इसका मतलब है कि आपके पास गोलाकार निर्भरता है"

Question

यहां मेरे कुछ कोणीय/टाइपस्क्रिप्ट एप्लिकेशन में कुछ बेकार त्रुटि है। जब तक कोई त्रुटि संदेश बेहतर नहीं करता है, हम इसके बारे में क्या कर सकते हैं? यह होने वाली सबसे संभावित स्थितियां क्या हैं? या

import {Injectable, NgModule} from '@angular/core'; 

@NgModule({providers: [FooService]}) // WRONG: used before declared 
export class FooModule { 
} 

@Injectable() 
export class FooService { 
} 

आप पहले सेवा की घोषणा के द्वारा इसे ठीक कर सकते हैं, आप कर सकते हैं:

Uncaught Error: Encountered undefined provider! Usually this means you have a circular dependencies (might be caused by using 'barrel' index.ts files. 
    at Object.syntaxError 
    at eval  at Array.forEach (native) [<root>] 
    at CompileMetadataResolver._getProvidersMetadata 
    at CompileMetadataResolver.getNgModuleMetadata 
    at CompileMetadataResolver.getNgModuleSummary 
    at eval 
... 

Answer 1

एक संभावना यह एक ही फाइल में एक सेवा और मॉड्यूल घोषित करने के लिए कोशिश कर रहा है, और सेवा से पहले मॉड्यूल की घोषणा forwardRef का उपयोग इस प्रकार करें:

import {forwardRef, Injectable, NgModule} from '@angular/core'; 

@NgModule({providers: [forwardRef(() => FooService)]}) 
export class FooModule { 
} 

@Injectable() 
export class FooService { 
}