ionic3/angular4 Lazy Loading Arbeiten Sie nicht

Question

CLI:

node -v 6.11.2 
cordova -v 6.5.0 
ionic -v 3.9.2 

Ein ionisches Registerkarten Projekt nur mit der Homepage (manuell gelöscht):

ionic start demo1 tabs 

erstellen Sie dann zwei Seiten verwenden, um die cmd:

ionic g page Oneself 
ionic g page Setting 

dies app.module.ts Code:

import { NgModule, ErrorHandler } from '@angular/core'; 
 
import { BrowserModule } from '@angular/platform-browser'; 
 
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular'; 
 
import { MyApp } from './app.component'; 
 

 
import { HomePage } from '../pages/home/home'; 
 
import { TabsPage } from '../pages/tabs/tabs'; 
 
//import { SettingPage } from "../pages/setting/setting"; 
 
//import { OneselfPage } from "../pages/oneself/oneself"; 
 

 
import { StatusBar } from '@ionic-native/status-bar'; 
 
import { SplashScreen } from '@ionic-native/splash-screen'; 
 

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

dies oneself.module.ts wie folgt aus:

import { NgModule } from '@angular/core'; 
 
import { IonicPageModule } from 'ionic-angular'; 
 
import { OneselfPage } from './oneself'; 
 

 
@NgModule({ 
 
    declarations: [ 
 
    OneselfPage, 
 
    ], 
 
    imports: [ 
 
    IonicPageModule.forChild(OneselfPage), 
 
    ], 
 
    exports:[ 
 
    OneselfPage 
 
    ] 
 

 
}) 
 
export class OneselfPageModule {}

dies oneself.ts Datei-Code wie folgt aus:

import { Component } from '@angular/core'; 
 
import { IonicPage, NavController, NavParams } from 'ionic-angular'; 
 

 
/** 
 
* Generated class for the OneselfPage page. 
 
* 
 
* See http://ionicframework.com/docs/components/#navigation for more info 
 
* on Ionic pages and navigation. 
 
*/ 
 

 
@IonicPage() 
 
@Component({ 
 
    selector: 'page-oneself', 
 
    templateUrl: 'oneself.html', 
 
}) 
 
export class OneselfPage { 
 
    constructor(public navCtrl: NavController, public navParams: NavParams) { 
 
    } 
 
    ionViewDidLoad() { 
 
    console.log('ionViewDidLoad OneselfPage'); 
 
    } 
 
}

SettingPage Wie oben;

diese tabs.ts Code ist:

import { Component } from '@angular/core'; 
 
import { HomePage } from '../home/home'; 
 

 
@Component({ 
 
    templateUrl: 'tabs.html' 
 
}) 
 
export class TabsPage { 
 

 
    tab1Root = HomePage; 
 
    tab2Root = "OneselfPage";//class name 
 
    tab3Root = "SettingPage";//class name 
 
    constructor() { 
 
    
 
    } 
 
}

Ich weiß, dass verzögertes Laden mehrere wichtige Punkte, wie erklärt @ionicpage hat(), @ngmodule, IonicPageModule. ForChild (Seitenname) ... Ich habe solche Deklarationen in meinem Code, aber Lazy Loads funktionieren nicht und die Fehler lauten wie folgt:

Dies ist die erste Zeile Fehler, und ich weiß nicht, ob es verwandt ist verzögertes Laden

event.returnValue is deprecated. Please use the standard event.preventDefault() instead. 

Der folgende Fehler muss etwas mit verzögertes Laden zu tun haben:

Error {rejection: Error, promise: t, zone: r, task: t, stack: <accessor>, …} 
message: "Uncaught (in promise): Error: Cannot find module '../pages/oneself/oneself.module'. 
Error: Cannot find module '../pages/oneself/oneself.module' 
at file:///android_asset/www/build/main.js:65357:9 
    at t.invoke 

Siehe Screen-Capture: https://i.stack.imgur.com/AGTVN.jpg

Kann mir jemand helfen, diese Frage zu beantworten?

Answer 1

Problem vergleichen wollen, die cordova ionische mit CNPM installiert, um das Problem hat, nicht verwenden, CNPM installieren verwenden npm installieren, wird die träge Last laufen.

Answer 2

CLI:

node -v 8.2.1 
cordova -v 7.0.1 
ionic -v 3.9.2 

Ich habe gefolgt, was Sie

beschrieben haben

ionic start demo1 tabs 
ionic g page Oneself 
ionic g page Setting 

Ich war nicht in der Lage eine der Fehler zu reproduzieren, die Sie

Angabe wurden event.returnValue is deprecated. Please use the standard event.preventDefault() instead.

oder

Error {rejection: Error, promise: t, zone: r, task: t, stack: <accessor>, …} message: "Uncaught (in promise): Error: Cannot find module '../pages/oneself/oneself.module'. Error: Cannot find module '../pages/oneself/oneself.module' at file:///android_asset/www/build/main.js:65357:9 at t.invoke

Wenn Sie gegen gelöst my reproduction of your scenario you can do so, hope this helps