Error: Unexpected value 'undefined' declared by the module

Dung Do Tien Oct 22 2020 573

I have a project with Angular 8, I have created a component FilterBumpChartComponent but now I don't want to use it more so I comment it in App.module.ts as below :

@NgModule({
    imports: [
        HttpClientModule,
    ],
    declarations: [
        ReportSaleComponent,
        BumpChartComponent,
        //FilterBumpChartComponent
        ,PromotionComponent    

     ],
    entryComponents: [

    ]
})
export class ReportModule { }

But after saving the file I got an error Error: Unexpected value 'undefined' declared by the module 'AppModule' as below :

zone.js:852 Uncaught Error: Uncaught (in promise): Error: Unexpected value 'undefined' declared by the module 'AppModule'
Error: Unexpected value 'undefined' declared by the module 'AppModule'
    at syntaxError (compiler.js:2409)
    at compiler.js:20778
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (compiler.js:20776)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._loadModules (compiler.js:26865)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:26846)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler.compileModuleAsync (compiler.js:26806)
    at CompilerImpl.push../node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:143)
    at MergeMapSubscriber.project (router.js:3617)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber._tryNext (mergeMap.js:61)
    at resolvePromise (zone.js:852)
    at resolvePromise (zone.js:809)
    at zone.js:913
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
    at Object.onInvokeTask (core.js:24328)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
    at drainMicroTaskQueue (zone.js:601)
resolvePromise @ zone.js:852
resolvePromise @ zone.js:809
(anonymous) @ zone.js:913
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:24328
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601

I don't know why. Please suggest to me if you know the reason.

Have 3 answer(s) found.
  • M

    Manish Kumar Oct 22 2020

    I see in your  App.module.ts file you have two ,,  in declarations array. 

    Try to do as below : 

     declarations: [
	ReportSaleComponent,
	BumpChartComponent
	//FilterBumpChartComponent
	,PromotionComponent    
 ]

    It will resolve the bug for you.

  • M

    Marry Christ Oct 22 2020

    I just got the same error, sometimes this issue occurs and you only need to re-run the server using ng serve or whatever CLI you use.

  • S

    Sandeep Kumar Oct 22 2020

    Try this may help you:
    Re-start the ng serve service. Now the page could navigate.

Related Q&A May You Like

  1. ReferenceError: $ is not defined in Angular version 11
  2. 'rxjs/Observable' has no exported member 'Observable' in Angular
  3. Error: Could not find any Python installation to use in Angular 11
  4. You seem to not be depending on "@angular/core" and/or "rxjs" in Angular
  5. Error: PostCSS plugin postcss-discard-comments requires PostCSS 8 in Angular 7
  6. Error TS1086: An accessor cannot be declared in an ambient context in Angular
  7. ENOENT: no such file or directory, lstat coreui-icons.css in Angular
  8. Module not found: Error: Can't resolve '@angular/localize/init' in Angular
  9. Error: Cannot find module '@angular-devkit/core' in Angular 9
  10. TypeError: Cannot read property 'props' of undefined in ReactJS
  11. Can't bind to 'ngModel' since it isn't a known property of 'input' in Angular
  12. Angular error: Node Sass does not yet support your current environment
  13. Angular 9 throw error "ng: command not found" in MacOS
  14. Angular: No value accessor for form control with unspecified name attribute
  15. Angular : If ngModel is used within a form tag, either the name attribute must be set
Leave An Answer
* NOTE: You need Login before leave an answer

* Type maximum 2000 characters.

* All comments have to wait approved before display.

* Please polite comment and respect questions and answers of others.

Most Quizs Popular

Start Test

Javascript - Functions
Start Test

Asp.Net Core - Exam test 01
Start Test

Asp.Net Core - Exam test 02
Start Test

C# - Level Beginner

Popular Tips

This site uses cookies so that we can remember you and understand how you interact with our website. This allows us to improve and customize your browsing experience. See our Cookies Policy.
X Close