Svg links to parent project throws warnings

Hello! I have a project that consists of a main project written with Laravel, and javascript and a child project written with javascript, vue 3, and (since recently) vite. When building the project, build files from the child project get moved to the parent project which then acts as a single project handling everything.

Now that vite has been added, whenever I build the child project I get the following warning: /image.svg referenced in /VueProject/component.vue didn't resolve at build time, it will remain unchanged to be resolved at runtime about 20 times. The svg files get referenced using url('/image.svg') where image.svg is located inside the parent project.

The warnings themselves obviously do not break anything but I am wondering if there is a way to suppress them since they do not provide useful information in this instance and they could drown out warnings that are important.

I have already tried setting Build.rollupOptions.external to true in the vite config but this gives the following error: RollupError: Entry module “./entry.js" cannot be external.

Any help would be appreciated