Angular 6 impossible to import css in styles section of angular.json

Question

I'm migrating a project to Angular 6 and I'm trying to import my css file in styles section on angular.json:

"styles": [
      "./src/styles.css",
      "./node_modules/primeng/resources/primeng.min.css",
      "./node_modules/primeicons/primeicons.css",
      "./node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
      "./node_modules/jquery/dist/jquery.min.js",
      "./node_modules/popper.js/dist/umd/popper.min.js",
      "./node_modules/bootstrap/dist/js/bootstrap.min.js"
]

but it doesn't work. Css are correctly imported but class are not applied, except for class in style.css. Instead, it correctly work for js imported in scripts section. Any ideas? Thanks

The folder structure is:

app --
     |-- node_modules
     |-- src
       |.. styles.css
     |-- angular.json

add like this ../node_modules/primeng/resources/primeng.min.css — sankar
– sankar, Commented Dec 5, 2018 at 12:24
You need to load styles.css at the last. In your case after bootstrap css — Vijay Atmin
– Vijay Atmin, Commented Dec 5, 2018 at 12:29

Maciejek · Accepted Answer · 2018-12-05 12:28:41Z

1

In my angular 6 app this is how I import css files:

"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.css",
          "node_modules/font-awesome/css/font-awesome.css",
          "node_modules/pure-css-loader/dist/css-loader.css",
          "node_modules/primeng/resources/themes/omega/theme.css",
          "node_modules/primeng/resources/primeng.min.css"
        ]

answered Dec 5, 2018 at 12:28

Maciejek

6691 gold badge7 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

Angular 6 impossible to import css in styles section of angular.json

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related