popup angular4 not working?

1

Well, I'm having a problem with angle 4. I'm trying to use the ng2-opd-popup component. It installs right, but when I declare it in app.modules.ts it returns the following error:

  

ERROR in Error encountered resolving symbol values statically. Calling   function 'makeDecorator', function calls are not supported. Consider   replacing the function or lambda with a reference to an exported   function, resolving symbol NgModule in   C: /Mercurial/catalogonew/Project/Liera.Catalogo/Liera.Catalogo.UI.Angular2/node_modules/ng2-opd-popup/node_modules/@angular/core/src/metadata/ng_module.d.ts,   resolving symbol NgModule in   C: /Mercurial/catalogonew/Project/Liera.Catalogo/Liera.Catalogo.UI.Angular2/node_modules/ng2-opd-popup/node_modules/@angular/core/src/metadata.d.ts,   resolving symbol NgModule in   C: /Mercurial/catalogonew/Project/Liera.Catalogo/Liera.Catalogo.UI.Angular2/node_modules/ng2-opd-popup/node_modules/@angular/core/src/core.d.ts,   resolving symbol NgModule in   C: /Mercurial/catalogonew/Project/Liera.Catalogo/Liera.Catalogo.UI.Angular2/node_modules/ng2-opd-popup/node_modules/@angular/core/index.d.ts,   resolving symbol PopupModule in   C: /Mercurial/catalogonew/Project/Liera.Catalogo/Liera.Catalogo.UI.Angular2/node_modules/ng2-opd-popup/components/popup/popup.module.d.ts,   resolving symbol PopupModule in   C: /Mercurial/catalogonew/Project/Liera.Catalogo/Liera.Catalogo.UI.Angular2/modules/ng2-opd-popup/components/popup/popup.module.d.ts

In App.Module I'm implementing it as follows:

import {PopupModule} from 'ng2-opd-popup';
const appRoutes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'login', component: LoginComponent },
  { path: 'detalhe/:id', component: DetalheComponent },  
  { path: 'busca/:sku', component: HomeComponent },
  { path: 'buscarefresh/:sku', component: HomeComponent },
  { path: 'buscacarro/:carro', component: HomeComponent },
  { path: 'autocadastro/:chave', component: CadastroComponent },  
  { path: 'carrinho', component: CarrinhoComponent },
  { path: 'pedido',component: PedidoComponent },
  { path: 'liberar-cadastro',component: LiberarCadastroComponent }
];

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    LoginComponent,
    BarComponent,
    DetalheComponent,
    CarrinhoComponent,
    PedidoComponent,
    CadastroComponent,
    LiberarCadastroComponent,
    AuthDirective
  ],
  imports: [
    RouterModule.forRoot(
      appRoutes
    ),
    BrowserModule,
    HttpModule,
    FormsModule,
    SelectModule,
    PopupModule.forRoot()
  ],
  providers: [ 
    BaseAddressService,
    HttpClientService,
    TokenService,
    AuthService,
    ItemService,
    FiltroService
  ],  
  bootstrap: [AppComponent]
})
export class AppModule { }

How can I solve this problem? I already looked at the file that was supposed to be wrong but I did not find anything Angular might complain about.

    
asked by anonymous 06.09.2017 / 22:03

0 answers