未捕获错误:添加导航时,模板分析离子中的错误

import browsermodule from'@angular/platform browser';
从“@angular/core”导入错误处理程序,ngmodule;
从“离子角”导入IONICAPP、IONICRorrhandler、IONICModule;
从“@ionic native/splash screen”导入splashscreen;
从“@ionic native/status bar”导入“statusbar”;

从“./app.component”导入myapp;
从“.../pages/home/home”导入“主页”;
从“.../pages/login/login”导入“loginpage”;
从“.../pages/register/register”导入“registerpage”;

@Ng模块({
声明:.[
我的应用程序,
主页,
登录页面,
寄存器页
],请
导入:[
浏览器模块,
根离子模块(myapp)
],请
引导程序:[IoniCap],
Entry组件:[
我的应用程序,
主页,
登录页面,
寄存器页
],请
提供程序:[
状态栏,
防溅屏,
提供:ErrorHandler,useClass:IOniceErrorHandler_
]
})
导出类AppModule
home.ts


import component from'@angular/core';
从“离子角”导入导航控制器,导航参数;
从'../login/login'导入loginpage;
从“.../register/register”导入“registerpage”;

@组件({
selector:'主页',
templateURL:'主页.html'
})
导出类主页{

建设者(public navctrl:navcontroller,public navparams:navparams){

}

loginpage()。{
this.navctrl.push(登录页面);
}

寄存器page()。{
this.navctrl.push(寄存器页);
}

}
和home.html


<ion content padding class=“home”>
<离子栅格>
<ion行>
<ion col col-12 class=“div two”>欢迎</ion col>
</ion行>

<ion row justify content start>
<ion col col-6 class=“col”>
<DIV><button ion button round(click)=loginpage()>登录</button></DIV>
</ion列
<ion col col-6 class=“col”>
<DIV><按钮按钮圆形(单击)=registerpage()>注册</button></DIV>
</ion列
</ion行>

</ion网格
</ion内容>
我已经尽力了,但仍然不知道错误的原因是什么。我刚接触爱奥尼亚。


谢谢。发生错误。

以下是错误的屏幕截图:



应用模块.ts

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { LoginPage } from '../pages/login/login';
import { RegisterPage } from '../pages/register/register';

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    LoginPage,
    RegisterPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    LoginPage,
    RegisterPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}


主页.ts

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { LoginPage } from '../login/login';
import { RegisterPage } from '../register/register';

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

  constructor(public navCtrl: NavController, public navParams: NavParams) { 

  }

  loginPage(){
    this.navCtrl.push(LoginPage);
  }

  registerPage(){
    this.navCtrl.push(RegisterPage);
  }

}


和home.html

<ion-content padding class="home"> 
  <ion-grid>
    <ion-row>
      <ion-col col-12 class="div-two">Welcome</ion-col>
    </ion-row>

    <ion-row justify-content-start>
        <ion-col col-6 class="col">
          <div><button ion-button round (click)=”loginPage()”>Login</button></div>
        </ion-col>
        <ion-col col-6 class="col">
          <div><button ion-button round (click)=”registerPage()”>Register</button></div>
        </ion-col>
  </ion-row>

  </ion-grid>
</ion-content>


我已经尽力了,但仍然不知道错误的原因是什么。我刚接触爱奥尼亚。

谢谢。