I am working on ionic app using ionic 4. My issue is that i am running the code its working fine but gives error overlay dosen’t exist. I dont know how to remove this. Any help would be appreciated.Error link is given bellow.
https://prnt.sc/pu3t9f
When this error coming and add sample code what you did or what you trying, dont just send error photo
show your app.module.ts code
this.platform.ready();
this.activatedRoute.params.subscribe(params => {
if ( params.id == 1) {
this.eventService.getById(params.id).subscribe(event => {
this.event = event;
this.eventService.nextFiveEvents(this.event.id, this.event.venue.id, this.event.instanceDate)
.subscribe(events => {
this.events = events;
});
this.loadMap();
});
}
this.eventsStore.events.subscribe(days => {
const eventDay = days.find(day => {
return moment(day.date).isSame(moment(params.date), 'day');
});
if (!eventDay) {
this.eventService.getById(params.id).subscribe(event => {
this.event = event;
this.eventService.nextFiveEvents(this.event.id, this.event.venue.id, this.event.instanceDate)
.subscribe(events => {
this.events = events;
});
this.loadMap();
});
} else {
this.event = eventDay.events.find(event => {
return event.id === Number(params.id);
});
this.eventService.nextFiveEvents(this.event.id, this.event.venue.id, this.event.instanceDate)
.subscribe(events => {
this.events = events;
});
this.loadMap();
}
});
});
This one is code which i am using
this.platform.ready();
this.activatedRoute.params.subscribe(params => {
if ( params.id == 1) {
this.eventService.getById(params.id).subscribe(event => {
this.event = event;
this.eventService.nextFiveEvents(this.event.id, this.event.venue.id, this.event.instanceDate)
.subscribe(events => {
this.events = events;
});
this.loadMap();
});
}
this.eventsStore.events.subscribe(days => {
const eventDay = days.find(day => {
return moment(day.date).isSame(moment(params.date), 'day');
});
if (!eventDay) {
this.eventService.getById(params.id).subscribe(event => {
this.event = event;
this.eventService.nextFiveEvents(this.event.id, this.event.venue.id, this.event.instanceDate)
.subscribe(events => {
this.events = events;
});
this.loadMap();
});
} else {
this.event = eventDay.events.find(event => {
return event.id === Number(params.id);
});
this.eventService.nextFiveEvents(this.event.id, this.event.venue.id, this.event.instanceDate)
.subscribe(events => {
this.events = events;
});
this.loadMap();
}
});
});
what is this.loadmap().
Is it a function to open a modal?
its for open the map
loadMap() {
const location = new LatLng(this.event.venue.latitude, this.event.venue.longitude);
this.map = GoogleMaps.create('map_canvas', {
camera: {
target: location,
zoom: 18,
tilt: 0,
},
});
const marker: Marker = this.map.addMarkerSync({
title: this.event.name,
snippet: this.event.strapline,
position: location,
animation: GoogleMapsAnimation.DROP
});
}
This overlay error mostly coming when we use modal. Ex. we create modal but sometime we open modal using route controller and try to close with modalctrl.close, at that time this error show up. Solution for this we just need to open modal with modal ctrl and close as it is.
are you using any modalController?
no not using model controller.
constructor(private activatedRoute: ActivatedRoute,
private eventsStore: EventsStore,
private platform: Platform,
private toastCtrl: ToastController,
private location: Location,
private eventService: EventsService) {
}
show code of your app.module.ts page
Hi there,
Can you provide a repository with the code required to reproduce this issue?
Thanks!
ok i upload that one on github and then provide you
when navigate from event to events detail page it gives error
It’s hard to solve problem with this files, i thought you will share project thats why i said to make repository in git. So that way i will run in my pc and try to solve your problem then will i can tell you a solutions. if you still did’t solve your problem, i will send you Ionic whatsapp group link ask there might be someone helps you.
Thanks for this information. It is useful
share the link whatsapp