Tworzenie aplikacji Master/szczegółowo w Plunker z jońskich 2

Question

Opierając się na od kilku dobrych standardowych Ionic 2 plunkers tutaj http://plnkr.co/edit/ZsoPeE?p=preview i http://plnkr.co/edit/WBeRRJyYucLwvckjh5W7?p=preview

Pomożesz podkręcić mój Master/Detail Plunker? Myślałem, że mam wszystkie części w miejscu, ale brakuje czegoś, ponieważ produkuje biały ekran.

Oto moja próba Master/Detail rzucać 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 { } 

Answer 1

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

Trzeba było kilka błędów

1) import { Sheetsu } from '../providers/sheetsu'; < - plik nazywa Sheetsu, z kapitałem S

2) Twoje ścieżki względne są źle zrobiłeś to skomplikowane dla siebie umieszczając pages: 'pages', wewnątrz config, a na przykład:

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

wewnątrz HomePage należy

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

3) Używasz "module": "commonjs",, ale nie korzystasz z względnych adresów URL html:

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

z moduleId: module.id wewnątrz @Component

4) Twój kliknij przycisk return this.http.get('../assets/sheetsu.json') powinny być return this.http.get('./assets/sheetsu.json')