Error TS2305 on Popover

Ionic Framework ionic-v3
1

Hi,

I’m creating a Popover on my home page. I have created a popover page and have the following on home.ts

import {Component} from '@angular/core';
import {NavController, PopoverController, Popover} from 'ionic-angular';
import {PopoverPage} from '../popover/popover';

@Component({
  templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
  constructor(private navCtrl: NavController, private popoverCtrl: PopoverController) {}

  presentPopover(myEvent) {
    let popover = this.popoverCtrl.create(PopoverPage);
    popover.present({
      ev: myEvent
    });
  }

}

and on popover/popover.ts

import { Component } from '@angular/core';
import { ViewController, Popover } from 'ionic-angular';
import {HomePage} from '../home/home';

@Component({
  template: `
    <ion-list>
      <ion-list-header>Ionic</ion-list-header>
      <button ion-item (click)="close()">Learn Ionic</button>
      <button ion-item (click)="close()">Documentation</button>
      <button ion-item (click)="close()">Showcase</button>
      <button ion-item (click)="close()">GitHub Repo</button>
    </ion-list>
  `
})

class PopoverPage {
  constructor(public viewCtrl: ViewController) {}

  close() {
    this.viewCtrl.dismiss();
  }
}

The popover displays when you press it, However it’s blank, in terminal i’m getting:

9.1 MB bytes written (0.83 seconds)
TypeScript error: /Users/Carl/CraftingCoach/app/pages/home/home.ts(3,9): Error TS2305: Module '"/Users/Carl/CraftingCoach/app/pages/popover/popover"' has no exported member 'PopoverPage'.

Any ideas what i’m missing?

2

The keyword export before the declaration of PopoverPage.

1 Like
3

Knew it would be something simple I was missing, always the way. Thank you :slight_smile: