Erro - ng build --prod: Unexpected imported by the module Please add a @NgModule annotation

23/04/2020

0

Caros, boa noite.

Desenvolvi uma tela em angular que consome uma API em ASP.NET Core 2.2. Ambas estão funcionando conforme esperado! No entanto, quando fui fazer o deploy para o ambiente devops do cliente, ao compilar a aplicação em angular utilizando o:

ng build --prod


Recebo o erro abaixo:


ERROR in : Unexpected module ''OrderModule in C:/Users/renato.neto/Documents/computecnica/git/IG/InformacoesGerais/node_modules/ngx-order-pipe/ngx-order-pipe.d.ts'' declared by the module ''AppModule in C:/Users/renato.neto/Documents/computecnica/git/IG/InformacoesGerais/src/app/app.module.ts''. Please add a @Pipe/@Directive/@Component annotation.


Já verifiquei todas as referências de dependência dentro do arquivo app.module.ts, que está da seguinte maneira:

import { BrowserModule } from ''@angular/platform-browser'';
import { NgModule } from ''@angular/core'';
import { HttpClientModule, HTTP_INTERCEPTORS } from ''@angular/common/http'' 
import { AppRoutingModule } from ''./app-routing.module'';
import { AppComponent } from ''./app.component'';
import { PrincipalComponent } from ''./ExameInformacoes/principal/principal.component'';
import { ConteudoComponent } from ''./ExameInformacoes/conteudo/conteudo.component'';

import { Ng2SearchPipeModule } from ''ng2-search-filter'';
import { FormsModule }   from ''@angular/forms'';
import { NgHighlightModule } from ''ngx-text-highlight'';
//import { OrderPipe, } from ''src/app/order.pipe''; //''ngx-order-pipe'';
//import {OrderModule,OrderPipe} from ''ngx-order-pipe'';

import { OrderPipe } from ''./order.pipe''; //''src/app/order.pipe''; //''ngx-order-pipe'';
import  from ''ngx-order-pipe'';

import { LoadingSpinnerComponent } from ''./ui/loading-spinner/loading-spinner.component'';
import { TreeViewModule } from ''@syncfusion/ej2-angular-navigations'';
import { PesquisaComponent } from ''./ExameInformacoes/pesquisa/pesquisa.component'';
import { HttpErrorInterceptor } from ''./http-error.interceptor'';
import { PesquisarDirective } from ''./directives/pesquisar.directive'';

@NgModule({
  declarations: [
    AppComponent,
    PrincipalComponent,
    ConteudoComponent,
    LoadingSpinnerComponent,
    PesquisaComponent,
    PesquisarDirective,
    [OrderModule],
    [OrderPipe]
  ],
  imports: [
    Ng2SearchPipeModule,
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    FormsModule,
    NgHighlightModule,
    TreeViewModule
    //OrderModule,
    //OrderPipe
  ],
  exports:[ 
    [OrderModule],
    [OrderPipe]
  ],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: HttpErrorInterceptor,
      multi: true
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }



Por isso, gostaria da ajuda de vocês para interpretar o que quer dizer a seguinte mensagem:

Please add a @Pipe/@Directive/@Component annotation.


Onde devo adicionar?

Grato a toda ajuda!
Renato Neto

Renato Neto

Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar