이온 생성 페이지에서 오류가 발생했습니다.

Question

내 모듈이 새로 생성 된 페이지를 수락하는 데 도움이 필요합니다. 내 터미널에서는 이온 명령 ionic generate page을 사용하여 파일 트리에 새 페이지 두 개를 만들었습니다. 하나는 개인 정보 보호 정책 및 기타 이용 약관이라고합니다. 그것은 잘 새로운 페이지를 구축 :

** 개인 정보 보호 정책 페이지 **

/* 
    Generated class for the PrivacyPolicy page. 

    Ionic pages and navigation. 
*/ 
@Component({ 
    selector: 'page-privacy-policy', 
    templateUrl: 'privacy-policy.html' 
}) 
export class PrivacyPolicyPage { 

    constructor(public navCtrl: NavController) {} 

    ionViewDidLoad() { 
    console.log('Hello PrivacyPolicyPage Page'); 
    } 

} 

사용 페이지

/* 
    Generated class for the TermsOfUse page. 

*/ 
@Component({ 
    selector: 'page-terms-of-use', 
    templateUrl: 'terms-of-use.html' 
}) 
export class TermsOfUsePage { 

    constructor(public navCtrl: NavController) {} 

    ionViewDidLoad() { 
    console.log('Hello TermsOfUsePage Page'); 
    } 


} 

의 관점 그러나 나는에 페이지를 밀어 갔을 때 다른 페이지에서 컨트롤러를 탐색하십시오. 내가 먼저 cannot determine module for component PrivacyPolicyPage (및 사용 페이지 각각)라고 말한 터미널에서 빌드 오류가 발생하면 모듈에 페이지를 추가 할 때 app.module.ts에 있습니다. 나는 unexpected value PrivacyPolicyPage declared by the module AppModule라고 말한 오류가 있습니다.

내가 여기서해야 할 일은 무엇입니까?

import { NgModule, ErrorHandler } from '@angular/core'; 
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular'; 
    //other imports 
import { TermsOfUsePage } from '../terms-of-use/terms-of-use'; 
import { PrivacyPolicyPage } from '../privacy-policy/privacy-policy'; 

@NgModule({ 
    declarations: [ 
     *otherPages*, 
     *otherPages*, 
     TermsOfUsePage, 
     PrivacyPolicyPage 


    ], 
    imports: [ 
     IonicModule.forRoot(MyApp) 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
     *otherPages*, 
     *otherPages*, 
     TermsOfUsePage, 
     PrivacyPolicyPage 

    ], 
    providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}] 
}) 
export class AppModule {} 

Answer 1

ionic generate page <page_name> 명령은 새로 생성 된 페이지에 대한 HTML, TypeScript 및 SCSS 파일을 app \ pages 아래의 새 디렉토리에 생성합니다.

import { TermsOfUsePage } from '../pages/terms-of-use/terms-of-use'; 
import { PrivacyPolicyPage } from '../pages/privacy-policy/privacy-policy'; 

// rest of your code 

Answer 2

귀하의 구조가 잘 보이는 :이 파일은 전체 app.module.ts입니다! 난 당신이 이온 템플릿에서 탭 씨앗 프로젝트를 사용하고 있다고 가정합니다. 예인 경우, NavController를 사용하여 뷰를 변경하고 메소드를 푸시하고 팝업하는지 확인하십시오.

import {PrivacyPolicyPage } from "../privacy-policy/privacy-policy"; 
// Import statement for the PrivacyPolicyPage 

constructor(public navCtrl: NavController, public loadingCtrl: LoadingController) { 
//this.presentLoading() 

} 

// Method to load the privacy policy page 
loadPrivacyPolicyPage() { 
    // import PrivacyPolicyPage in the component 
    this.navCtrl.push(PrivacyPolicyPage); 
} 

아래 명령을 사용하여 CLI를 최신 버전으로 업데이트했습니다. 나는

npm install -g ionic@latest 

가 작동하는지 알려줘 CLI 3.12.0 버전을 사용했다.