unnecessary import of js/css files that does not exist causes the site not to be displayed

Hey everyone, I have a laravel/vuejs/inertiajs project that runs completly correct on my website example.site (public_html directory) without any problem, but I want to have that project on another direcotry like example.site/test too to run some tests.

So I made a direcotry called test on home directory of my server and clone the project there and called the required commands like composer install , npm install , php artisan key:generate and npm run build and almost everything that you need like complete the .env file to setup a Laravel/Inertia project and then I copy the /home/test/public directory files to /home/public_html/test directory and I change the index.php paths ( I did everything correctly I guess ) and finally I linked the build folder under the /home/test/public to /home/public_html/test/build.

The home page of my test site exmaple.site/test runs ok but when I check the console, app tries to import some modules that does not exists and thats weird. For example it tries to get example.site/build/assets/Footer-0a75d347.js from the /home/public_html directory that even is not from my /home/public_html/test directory and the weird thing is it gets example.site/test/build/assets/Footer-0a75d347.js before it correctly and then tries to get that module from /home/public_html directory again!

By the way my test site works on home page but on some routes it does not work and these incorerct modules seems to be the problem.

Why my app tries to get these modules from another directory and my app not working correctly?

(I change the app_name to example.site/test but it does not make any changes.)