Error: resource blocked due to MIME type ("text/html") mismatch (X-Content-Type-Options: nosniff)

Hi I’m getting this error:

The resource from “http://localhost:4200/assets/sample-app.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

This is when I serve my app (called sample app) which renders an addon component.

The sample app has a stylesheet app.scss in app/styles and the addon has the stylesheet addon-name.scss in app/styles. I did this from reading the ember-cli-sass documentation.

Also I can’t view that resource when I click on it (possibly because its a .css file whereas mine are .scss file types?).

How can I fix this situation?