How do i fix "cant resolve" error in CSS for a Angular project?

Question

I was doing a mini project myself and decided to place a background image for another image ahd here is my CSS code:

.child2 img {
   width: 200px;
   height: 200px;
   border-radius: 50%;
   background-image: url('./assets/images/imageborder.png'); 
}

When I tried to run my Angular webpage,this popped up:

Cant resolve ./assets/images/imageborder.png in /Users/[my name]/sites/Project A/src/app/home

How to solve this issue?

Pouya Kermanshahi · Accepted Answer · 2022-08-19 11:09:56Z

1

Use

url('/assets/images/imageborder.png')

or

url('~src/assets/images/imageborder.png')

answered Aug 19, 2022 at 11:09

Pouya Kermanshahi

2831 gold badge2 silver badges10 bronze badges

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

1 Comment

Thank you kind person, i was able to solve it with your help