Ionic default css dont work in components

Ionic Framework ionic-v3
1

I’m just getting a problem and i don’t know how to fix it, all my html code from my component aren’t getting the ionic default css.
As you can see from this image:

image
Captura de Tela 2016-01-30 às 02.08.37.png824×936 80.2 KB

I just copied the social card example, and you can see in this image below that the class are not being “loaded” from the css inside my chat component, i just printed from my console in the chrome.

image
Captura de Tela 2016-01-30 às 01.55.22.png922×560 85.1 KB

chat.html

image
Captura de Tela 2016-01-30 às 02.04.55.png2058×990 103 KB

chat.ts
image

And the html from the first image:
image

As you can see, it is exactly the same html, but some css are not being loaded as it show in the 2nd image.

Do you guys have any idea why it is happening, im using alpha48?
Thanks

2

I would suggest you to add those lines in your .ts file

import {IONIC_DIRECTIVES} from ‘ionic-framework/ionic’;

directives: [IONIC_DIRECTIVES],

3

@icarus_31, thanks man, it worked