Home > Software design >  How do i fix "cant resolve" error in CSS for a Angular project?
How do i fix "cant resolve" error in CSS for a Angular project?

Time:08-20

So i was doing a mini project myself and decided to place a background image for another image ahd here's 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"

Any ideas how to solve this issue? I would appreciate feedback ^^

CodePudding user response:

Use

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

or

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