运行时错误：找不到模块“ionic-framework / ionic”

Question

我正在学习angular2 / ionic2，我正在尝试通过创建小应用程序来学习。这次我想创建一个应用程序来打开一个网页（网址）。我收到错误（无法找到平台）并在Stack Overflow的帮助下解决了。

该应用已成功构建但我无法在真实设备中运行该应用。我只是得到一个空白的白色屏幕。当我运行离子服务时，我收到运行时错误。我添加了我的.ts文件。

Home.ts

import {Page} from 'ionic-framework/ionic';
import { Platform } from 'ionic-angular';

declare var cordova:any;

@Page({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public platform: Platform) {
platform = platform;

}

launch(url) {
this.platform.ready().then(() => {
cordova.InAppBrowser.open(url, "_system", "location=true");
});

}

}

app.module.ts

  import { NgModule, ErrorHandler } from '@angular/core';
  import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
  import { MyApp } from './app.component';
  import { AboutPage } from '../pages/about/about';
  import { ContactPage } from '../pages/contact/contact';
  import { HomePage } from '../pages/home/home';
  import { TabsPage } from '../pages/tabs/tabs';

  @NgModule({
  declarations: [
  MyApp,
  AboutPage,
  ContactPage,
  HomePage,
  TabsPage
  ],
  imports: [
  IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
  MyApp,
  AboutPage,
  ContactPage,
  HomePage,
  TabsPage
  ],
  providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}]
  })
  export class AppModule {}

Answer 1

浏览Angular Guide。并检查here。 您应该使用Component而不是page。

@Component({
selector: 'page-home',
templateUrl: 'home.html'
})