Error TS2305 on Popover


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';

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

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


and on popover/popover.ts

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

  template: `
      <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>

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

  close() {

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?

The keyword export before the declaration of PopoverPage.

1 Like

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