Why Angular 6 app throwing error while deploying for production?

Question

I have integrated ngx-Pagination & it working fine when I test it locally but when I run the command as ng build --prod it shows me error ERROR in ./src/app/myads/myads.component.ngfactory.js

If anybody knows the solution please answer.

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { FormsModule } from "@angular/forms";

import { AppComponent } from './app.component';
import { NgxPaginationModule } from "ngx-Pagination";


@NgModule({
  declarations: [
    AppComponent,

  ],
  imports: [
    BrowserModule,    
    FormsModule,
    NgxPaginationModule    

  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {     

 }

app.component.ts

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  collection = ['r', 'k', 'u', 'jj'];
  constructor() { 

  }


}

app.component.html

<ul>
  <li *ngFor="let item of collection | paginate: { itemsPerPage: 2, currentPage: p }">Hello</li>
</ul>  
<pagination-controls (pageChange)="p = $event"></pagination-controls>

You need to share some code. It is hard to say anything with this little information. — Bunyamin Coskuner
– Bunyamin Coskuner, Commented Nov 22, 2018 at 15:19
So, your referring to the collection in the app component, but declaring and populating the collection in the app module class? Is that working for you? — R. Richards
– R. Richards, Commented Nov 22, 2018 at 15:52
I believe the error arrised because Angular cannot determine the module for class HomeComponent, which could be fixed by adding said component to an NgModule. Just a wild guess. — Roberto Zvjerković
– Roberto Zvjerković, Commented Nov 22, 2018 at 16:00

TooLiPHoNe.NeT · Accepted Answer · 2018-11-22 16:07:19Z

1

I guess you have a HomeComponent that is not declared in any module?

Try to add HomeComponent in your AppModule declarations

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,    
    FormsModule,
    NgxPaginationModule    

  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {     

 }

answered Nov 22, 2018 at 16:07

TooLiPHoNe.NeT

4991 gold badge5 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user10469417 Over a year ago

ERROR in ./src/app/app.component.ngfactory.js Module not found: Error: Can't resolve '../../node_modules/ngx-Pagination/dist/ngx-pagination.ngfactory' in 'D:\paginationdemo\src\app'

creyD · Accepted Answer · 2019-06-20 12:29:58Z

1

Try ng build because the compiler doesn't care whether you have declare variables or not but in prod mode this is set to strict.

edited Jun 20, 2019 at 12:29

creyD

2,1264 gold badges34 silver badges67 bronze badges

answered Jun 20, 2019 at 10:05

Vinay Partap Singh

111 bronze badge

Collectives™ on Stack Overflow

Why Angular 6 app throwing error while deploying for production?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related