web-dev-qa-db-fra.com

Ionic 3 ne peut pas utiliser de composants ion- * dans mes composants personnalisés

J'ai récemment mis à niveau vers Ionic 3 from Ionic 2, et j'ai créé components.module.ts fichier et déclaré et exporté chaque composant personnalisé que j'ai, puis importé ce fichier unique dans chaque module de page que j'ai.

Alors maintenant, le problème est que je ne peux pas utiliser de composants ion- * à l'intérieur de mes propres composants, car je n'ai pas importé la IonicModule.forRoot(..) à l'intérieur de mon components.module.

L'erreur est:

"Erreurs d'analyse de modèle: 'ion-spinner' n'est pas un élément connu ..."

Qu'est-ce que je fais mal?

angularionic2ionic3
32
Eliran Pe'er

D'accord, j'ai donc trouvé la solution:

Tout ce dont j'avais besoin était d'importer IonicModule dans components.module, sansforRoot(..).

Notez également que le CommonModule d'Angular est également nécessaire pour faire fonctionner les directives d'Angular, vous devez donc probablement aussi l'importer.

61
Eliran Pe'er

Sur la base de la réponse d'Eliran, voici un exemple au cas où quelqu'un aurait besoin de quelque chose de visuel, dans components.module.ts:

@NgModule({
 imports: [
  CommonModule, <<<< add the angular common module
  IonicModule <<<< add the ionic module
 ],
 ...
})
22
Wils