运行时错误：找不到模块“离子框架/离子”

Question

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

应用程序已成功构建，但我无法在真实设备中运行该应用程序。我只是得到一个空白的白色屏幕。当我运行 ionic serve 时，出现运行时错误。我已经添加了我的 .ts 文件。

首页.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'
})