Page 1 of 1

Diamond: Cant see svg background images / URL not working

Posted: 06 Nov 2020, 14:29
by devte
Hi,
I just did a fresh install of the PrimeVuew Diamond template.
I noticed all of the pages in the "pages" section like landing, login, error are missing the svg background graphics.

I compared the online demo version with mine and noticed the URL in the CSS is different.

If I change the URL with the Browser Dev Tools from url("public/assets/layout/images/pages/landing/bg-contact.svg")
to url("/assets/layout/images/pages/landing/bg-contact.svg") the resource is found.

I am new to Vue. What can be the reason for this wrong URLs or that it cant be resolved?

Image

Image

Thank you.

Re: Diamond: Cant see svg background images / URL not working

Posted: 10 Nov 2020, 14:01
by tugce.kucukoglu
Hi,

Have you ever changed the sample project file structure?

If you want to change it, you should also change URLs manually in CSS files.

Best Regards,

Re: Diamond: Cant see svg background images / URL not working

Posted: 11 Nov 2020, 14:46
by devte
What I did was updating some dependencies including sass-loader which seems to be the reason why something went wrong. Still not sure why, for now I am working with the older versions.

Re: Diamond: Cant see svg background images / URL not working

Posted: 12 Nov 2020, 01:04
by mert.sincan
Thanks a lot for the update! Maybe, this link can be related to your issue;
https://stackoverflow.com/questions/396 ... path-issue

Best Regards,