Почему приложение Angular 6 выдает ошибку при развертывании для производства?

Question

Я встроил ngx-Pagination, и он работает нормально, когда я тестирую его локально, но когда я запускаю команду как ng build --prod , она показывает мне ошибку ОШИБКА в ./src/app/myads/myads.component.ngfactory.js

Если кто-нибудь знает решение, пожалуйста, ответьте.

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>

Answer 1

Попробуйте ng build , потому что компилятору не важно, объявляете ли вы переменные или нет, но в режиме prod для него установлено строгое.

Answer 2

Я полагаю, у вас есть HomeComponent, который не объявлен ни в одном модуле?

Попробуйте добавить HomeComponent в декларации вашего AppModule

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

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

 }