Ionic 3 can't use ion-* components inside my custom components

angular ionic2 ionic3
Eliran Pe'er picture Eliran Pe'er · Apr 15, 2017 · Viewed 12k times · Source

I have recently upgraded to Ionic 3 from Ionic 2, and I created components.module.ts file and declared and exported each custom component I have, and then imported this single file in every page module I have.

So now the problem is that I can't use ion-* components inside my own components, because I did not imported the IonicModule.forRoot(..) inside my components.module.

The error is:

"Template parse errors: 'ion-spinner' is not a known element ..."

What am I doing wrong?

Answer

Eliran Pe'er picture Eliran Pe'er · Apr 15, 2017

Alright, so I figured out the solution:

All i needed was to import IonicModule in components.module, without forRoot(..).

Also note that Angular's CommonModule is also necessary to make Angular's directives work, so you probably need to import it too.

Related questions

Component is part of the declaration of 2 modules

I try to build an ionic 2 app. When I try the app in the browser with ionic serve or launch it on an emulator everything works fine. But when I try to build it every time the error ionic-app-script tast: "…

Read More
Correct way to use image assets in Ionic 2

What’s the best practice for image assets in Ionic 2? I have a bunch of SVGs I want to use as non-system icons. I found some older tips on using Gulp but it seems Ionic team has decided on Rollup …

Read More
How to Include JS file in ionic 3

Im looking for a way to access a variable from external js file which i included in assets/data folder below is what i tried placed test.js in assets/data folder in test.js added variable testvar = "heloo from …

Read More