After compile Scss, the background image url gets changed to object

sage
,
1

I used the following in scss file
background-image: url("…/images/arrow-down.png");
After run yarn build:production, the image URL is changed to
background-image: url([object Object]);

Does anyone have the same issue? any way to fix it?

2 Likes
2

Same problem, but my PNGs work. I am thinking it is because I had to downgrade url-loader to get the relative file paths to work… so buggy.

3

Hey guys! I’m also having this issue. Were you able to solve it??

4

Are you using Sage 9.0.10? I believe it’s resolved by one of the newer updates in the 9.x branch

5

Got it. Followed the update guide and it seems to be working. Weird gotcha about the urls that now need to be like this “/images/” instead of “…/images/”