Issue with angular material 2 in angular cli

Question

I am trying to add angular material2 to my project. (I use angular-cli) However, I get the following error when I run ng serve:

material.es5.js:177 Could not find Angular Material core theme. Most Material components may not work as expected. For more info refer to the theming guide: https://material.angular.io/guide/theming

Although I added it to my global style file.

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

How can I fix it? Thank you.

you can try to include the following in your index.html head : <link href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet"> — Hamed Baatour
– Hamed Baatour, Commented May 24, 2017 at 9:21
Yes, but I have an error, that it can not find it : GET localhost:4200/node_modules/@angular/material/prebuilt-themes/… — Maks K
– Maks K, Commented May 24, 2017 at 9:33
Is you style file a *.css or a *.scss file? And did you import it to your styles object in .angular-cli.json? — Edric
– Edric, Commented May 24, 2017 at 13:54

SeleM · Accepted Answer · 2017-05-24 11:07:06Z

2

in your angular-cli.json under :

"apps": [

  //....

"styles": [

   //... , 

  "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" //<--add this
  ],
]

answered May 24, 2017 at 11:07

SeleM

9,6785 gold badges36 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Issue with angular material 2 in angular cli

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related