Angular 2/4 : How to load css file from Assets

Question

In my .angular-cli.json, I define this :

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/assets/css/main.css",
  "styles.css"
],

And in my assets folder I have (assets/css/*.css) .. But when i run my app, CSS doesn't loaded .. How can I resolve it please ? You can check jpeg file in attachment

Answer 1

I got same error once I have started Angular 4 project

What I have done is

In my assets there is no css

"assets": [
        "assets",
        "favicon.png"
      ],

And in style

"styles": [
        "../src/assets/css/main.css",
]

And then please do ng serve again

Hope this helps