ERROR in multi ./styles.css in Angular 6

Question

I am new to Angular 6 ,In my project I got the below error

 ERROR in multi ./node_modules/bootstrap/dist/css/bootstrap.min.css ./styles.css
Module not found: Error: Can't resolve 'C:\Users\User\e-CommerceWebsite\styles.css' in 'C:\Users\User\e-CommerceWebsite'

and the browser shows

cannot Get

angular.json

 "styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "styles.css"
        ],
        "scripts": [
          "./node_modules/jquery/dist/jquery.min.js",
          "./node_modules/popper.js/dist/popper.min.js",
          "./node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

styles.css

@import '~bootstrap/dist/css/bootstrap.min.css';
...
...
...

Referred this : bootstrap not connect to the angular 6?

Can anyone help me to fix this error .

only need to change the file that is loaded in angular.json according to the existing file the answer is here — Agus Suhardi
– Agus Suhardi, Commented Mar 18, 2019 at 6:19

Rohit Kumar · Accepted Answer · 2020-03-29 19:16:36Z

0

The problem can be solved in this ways: try:

 "styles": [
              {
                "input": "./node_modules/bootstrap/dist/css/bootstrap.min.css"
              },
              {
                "input": "./node_modules/font-awesome/css/font-awesome.min.css"
              },
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/bootstrap/dist/js/bootstrap.min.js"
            ]

answered Mar 29, 2020 at 19:16

Rohit Kumar

5491 gold badge4 silver badges6 bronze badges

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

Comments

Peyman Mohamadpour · Accepted Answer · 2020-05-23 19:37:58Z

0

I tried a step as follows:

Use:

../node_modules/bootstrap/dist/css/bootstrap.min.css

instead of

node_modules/bootstrap/dist/css/bootstrap.min.css

and save all and exit the editor, and run again,Its worked for me, most of the time if u face any error just save all and nd exit editor, the open and run again, hopefully it will work

edited May 23, 2020 at 19:37

Peyman Mohamadpour

18k24 gold badges94 silver badges102 bronze badges

answered May 23, 2020 at 18:52

arif

1

Comments

AKSHAYA KUMAR Satapathy · Accepted Answer · 2021-08-19 20:49:04Z

0

See it happens when you enter wrong path or the file you've entered is not in that directory.

In your case "styles.css" path is wrong. It should be "src/styles.css"

answered Aug 19, 2021 at 20:49

AKSHAYA KUMAR Satapathy

581 silver badge9 bronze badges

Collectives™ on Stack Overflow

ERROR in multi ./styles.css in Angular 6

33 Answers 33

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

33 Answers 33

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related