Dev Faq
7
votes

Onic 3 chargement paresseux - pas de composant usine

Pour un projet IONIC-3, nous utilisons un chargement paresseux. Notre module "Connexion" est en cours de paresseux. Tout fonctionne bien, mais lorsque nous essayons d'utiliser NAV Controller pour naviguer entre les pages à l'intérieur du module chargé paresseux, nous obtenons l'erreur d'exécution "Aucune composante usine"

code ci-dessous p>

login.ts p>

p> 

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


@Component({
  template:'<h1> AWWWW </h1>'
})
export class DummyPage {

  

  constructor(public navCtrl: NavController) 
  {

  }

  buttonClick()
  {
    alert("Hello world");
  }

}

6 commentaires

HAVENT a essayé cela mais essayez ionicpagemodule.forchild (Dummypage) dans les importations

Travaux ! Merci !

Très bien .. Ajouter comme réponse

Je suis désolé, cette solution nourrir le problème mais a ajouté un autre. Si j'ai ajouté ionicpagemodule.forchild (Dummypage), il écrase le loginpage et ne me laisse pas charger le loginpage.

hmm .. Je suppose que si vous avez défini dans App.Module.ts, vous ne pouvez pas ajouter deux pages dans un module d'une page.

Mais cela défaite la chargement paresseux

3 Réponses :

1
votes

solution consistait à ajouter une référence à cette page dans app.module.ts strong> et ajoutez-le dans référencement

p> 

    import {DummyPage} from './login/dummy';
@NgModule({
  declarations: [MyApp, DummyPage],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [MyApp, DummyPage],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: ErrorHandler, useClass: IonicErrorHandler }]
})
export class AppModule { }

2 commentaires

J'ai le même problème, mais je pensais qu'un seul but des nouveaux modules est que vous n'avez pas besoin d'ajouter la page dans les «déclarations» mêmes et de «entréeComponents». Je ne pense pas que c'est la bonne façon de le faire ...

Cela fonctionne pour un ancien projet! Cependant, il n'est pas nécessaire pour le projet nouvellement créé avec Ionic 3.

1
votes

Vous devez ajouter un dummy.module.ts dans le dossier factice, qui résoudra le problème.

Jetez un coup d'œil au Projet GitHub .

1 commentaires

J'ai eu le même problème. Et cela m'a coûté beaucoup de temps. Merci pour la réponse de @ Laker. Cela m'a beaucoup aidé. Avec réactuellement. Vous avez juste besoin de traiter le mannequin en tant que module. Ensuite, vous pouvez appeler le modal avec le nom Nom du module . Ensuite, tout fonctionne bien.

-1
votes

Avez-vous essayé d'appeler avec des chaînes? XXX

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube
erreur NG6002: apparaît dans le NgModule.imports d'AppModule, mais n'a pas pu être résolu en une classe NgModule
[ng update]: Erreur - Le package "@ angular-devkit / schematics" ne peut pas être résolu à partir du répertoire racine de l'espace de travail