Popover not working in prod version

Hi i used popover in local it works good but with prod version it is not working
home
popprod

Please post enough code (as text, not images) for others to be able to reproduce the problem. One common reason things break in production is reliance on the string representation of program internals (property names, and especially class names).

ok i created a component and i impoted it in a .ts file then i used for an icon
components

I explicitly pleaded:

Text is searchable. Text is accessible to people using assistive technology. Text is light on bandwidth. Text is selectable, so it can be copied and pasted. Text is as permanent as these forums.

Images are none of those things. Images should be reserved for information that must be presented visually.

2 Likes

ok i created a component and i imported it in a .ts file then i used for an icon
a component:
import { Component, OnInit } from ‘@angular/core’;

import { PopoverController } from ‘@ionic/angular’;

import { Router } from ‘@angular/router’;

@Component({

selector: ‘app-popover’,

templateUrl: ‘./popover.page.html’,

styleUrls: [’./popover.page.scss’],

template: `

<ion-button class=“inscri” (click)=“goToregister()” expand=“block”> S’inscrire

<ion-button class=“identifier” (click)=“goTologin()” expand=“block”> Se connecter

`

})

export class PopoverPage implements OnInit {

constructor(private popover: PopoverController,

private router: Router) { }

ngOnInit() {

}

ClosePopover() {

this.popover.dismiss();

}

goToregister() {

this.ClosePopover();

this.router.navigateByUrl('/registration');

}

goTologin() {

this.ClosePopover();

this.router.navigateByUrl('/login');

}

}

I imported it in welcome.ts:
import { PopoverController } from ‘@ionic/angular’;

import { PopoverPage } from ‘…/…/…/components/popover/popover.page’;
async presentPopover(ev: any) {

const popover = await this.popover.create({

  component: PopoverPage,

  event: ev,

  translucent: false

});

return await popover.present();

}
and i used it in welcome.html:

          <ion-icon style="width: 24px; height: 24px; vertical-align: middle;

          display: inline-block;color: #8D8D8D;" slot="start" name="person"></ion-icon><span class="textbtncnx">

            Se connecter </span>

          <ion-icon (click)="presentPopover($event)" style="width: 12px; height: 12px; vertical-align: middle;

            display: inline-block; color: #8D8D8D; margin-left: 5px;" slot="end" name="chevron-down-outline">

          </ion-icon>

        </button>

I realized that in local version it works well:


but prod one i have this result:
popprod