Angular Material design not loading theme stylesheet

[Matti LeBlanc]

Hi,

Checkout my repo:
https://github.com/mattiLeBlanc/angular-meteor-build-issue

As mentioned, I load the indigo theme in my app.scss, but the mat-formfield is not loading correctly.
I can see that it couldn't import the stylesheet, but it is not giving an error in my console:

I have tried putting the import in main.scss but then I get Mime type errors and the file can't be loaded.

Any idea what is going on?

[Matti LeBlanc]

@ardatan
Solved it.
Don't use:
@import '@angular/material/prebuilt-themes/indigo-pink.css'
but use
@import '@angular/material/prebuilt-themes/indigo-pink';
Add this into your main.scss file.

This is probably something that should be looked at?
If you use the .css extension you end up getting this error in console;
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:3000/client/@angular/material/prebuilt-themes/indigo-pink.css".

[Leon Pascal Thierschmidt]

Thanks, this helped me alot. :)

@ardatan
Solved it.
Don't use:
@import '@angular/material/prebuilt-themes/indigo-pink.css'
but use
@import '@angular/material/prebuilt-themes/indigo-pink';
Add this into your main.scss file.

This is probably something that should be looked at?
If you use the .css extension you end up getting this error in console;
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:3000/client/@angular/material/prebuilt-themes/indigo-pink.css".