Erreur lors de la génération d'une page ionique

Question

J'ai besoin d'aide pour que mon module accepte mes nouvelles pages générées. Dans mon terminal, j'ai utilisé la commande ionique ionic generate page pour créer deux nouvelles pages dans mon arborescence de fichiers. L'un s'appelle la politique de confidentialité et les autres conditions d'utilisation. Il a construit les nouvelles pages très bien:

** page Politique de confidentialité **

/* 
    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'); 
    } 

} 

termes de page utilisation

/* 
    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'); 
    } 


} 

Mais quand je suis allé à pousser les pages à une contrôleur de navigation sur une autre page. J'ai eu des erreurs de construction dans le terminal d'abord qui a dit cannot determine module for component PrivacyPolicyPage (et la page des conditions d'utilisation respectivement), puis quand j'ai ajouté les pages au module dans app.module.ts. J'ai eu une erreur qui a dit unexpected value PrivacyPolicyPage declared by the module AppModule.

Que suis-je censé faire ici? Ceci est l'ensemble app.module.ts fichier:

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

La commande ionic generate page <page_name> génère les fichiers HTML, TypeScript et SCSS pour la page nouvellement créée dans un nouveau répertoire sous app \ pages.

Pour répondre correctement ces composants dans vos AppModule les importations doivent être comme:

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

// rest of your code 

Answer 2

votre structure a l'air bien! Je suppose que vous utilisez des onglets de projet de graines à partir de modèles ioniques. Si oui, assurez-vous que vous utilisez NavController pour pousser et ouvrir les méthodes pour changer la vue.

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); 
} 

Mise à jour de votre CLI vers la dernière version à l'aide de la commande ci-dessous. J'utilisais CLI 3.12.0 Version

npm install -g ionic@latest 

Permettez-moi savoir si cela fonctionne.