Question: I'm trying to build a static site using Angular. What I want is to have some global css/js/image files to be added to the `index.html`

This is my code in `index.html`

```
<link rel="stylesheet" type="text/css" href="css/layers.css">

```

My `css` folder in in the same level as the `index.html` file

I'm getting this error for each stylesheet I added (from ng serve with chrome)

> 
> Refused to apply style from '<http://localhost:4200/css/layers.css>' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
> 
> 
> 

I've tried adding this too

```
#.angular-cli.json
"styles": [
        "styles.css",
        "css/layers.css"
      ],

```

How can I fix this?

My angular setup is

```
Angular CLI: 1.6.5
Node: 8.1.4
OS: darwin x64
Angular: 5.2.2
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.6.5
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.5
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0

```

Answer: 
For someone who will face same problem.

The usual reason for this error message is when the browser tries to load that resource, the server returns an HTML page instead. For example, if your router catches unknown paths and displays a default page without a `404 error.` Of course that means the path does not return the expected `CSS file / image / icon /` whatever... [ref from here](https://stackoverflow.com/a/50668792/7680307)

Lets assume we have `Angular 6` project with a file structure like this:

```
project
    |-src
      |-app
      |-assets
      |-environments 
      |----

```

lets assume we need to put a `theming` folder (that contains css files) directly inside src folder.

```
project
    |-src
      |-app
      |-assets
      |-environments
      |-vendor // Theming
         |-theme-light.css
          |theme-dark.css

```

if we tried to access that theme file like this:

```
<link rel="stylesheet" type="text/css" href: '../vendor/theme-dark.css'>

```

an error will be thrown.

> 
> Refused to apply style from
>  '<http://localhost:4200/vendor/theme-dark.css>' because its MIME type
>  ('text/html') is not a supported stylesheet MIME type, and strict MIME
>  checking is enabled.
> 
> 
> 

If we paste that url in the browser, it will not give the plain css file because the path is wrong. 

**Solution** 

So What you need to do is find the correct path. (*we can find out by past that `url` in
 the browse and see what will returned*) 

In whis case putting `../src/` reference will fix the error

```
<link rel="stylesheet" type="text/css" href: '../src/vendor/theme-dark.css'>

```

**Note:** The exact path and router configuration depends on how you have setup your project and the libraries you are using with Angular.
I got the same type of error in my angular project. After adding this `type="text/html"` piece of code the error is gone.

```
<link rel="stylesheet" type="text/html" href="filename.css">

```