Creando una aplicación Master / Detail en Plunker con Ionic 2

Aprovechando algunos de los buenos punzones de Ionic 2 aquí http://plnkr.co/edit/ZsoPeE?p=preview y http://plnkr.co/edit/WBeRRJyYucLwvckjh5W7?p=preview

¿Puedes ayudarme a modificar mi Master / Detail Plunker? Pensé que tenía todas las piezas en su lugar, pero me falta algo, ya que produce una pantalla en blanco.

Aquí está mi bash de get un plunk maestro / detalle http://plnkr.co/edit/7NHIYMA3TUdd5nOkoXyF?p=preview

import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { AppComponent } from './app.component'; import { HomePage } from '../pages/home/home'; import { MasterPage } from '../pages/master/master'; import { DetailPage } from '../pages/detail/detail'; import { Sheetsu } from '../providers/sheetsu'; @NgModule({ imports: [ IonicModule.forRoot(AppComponent) ], declarations: [ AppComponent, HomePage, MasterPage, DetailPage], entryComponents: [ HomePage, MasterPage, DetailPage ], bootstrap: [ IonicApp ], providers: [ Sheetsu ] }) export class AppModule { } 

Fixed Plunker: http://plnkr.co/edit/5V36C9QHYDGBIqSIfBUl?p=preview

Tuviste varios errores

1) import { Sheetsu } from '../providers/sheetsu'; <- su file se llama Sheetsu , con mayúscula S

2) Tus paths relativos son incorrectos, lo has complicado colocando pages: 'pages', dentro de tu configuration, y por ejemplo:

import { MasterPage } from '../pages/master/master';

dentro de HomePage debería ser

import { MasterPage } from '../master/master';

3) Estás utilizando "module": "commonjs", pero no aprovechando las URL html relativas:

 templateUrl: 'pages/master/master.html', -> `templateUrl: './master.html',` 

con moduleId: module.id dentro de tu @Component

4) Su button click return this.http.get('../assets/sheetsu.json') debe return this.http.get('./assets/sheetsu.json')