Edit: I just noticed that problem is only in Google Chrome. If I tried the same using firefox, I can see the website well. I think some security options in Google Chrome are blocking vite components.
Thanks all for the help. I will leave this edit here for something that can have same problem.
I’m working on a Laravel project that uses Vite for building static files (with laravel-livewire). I wnat share my project on remote and opened ports on my router 8000 and 5173
I execute 2 terminals on my visual studio code:
php artisan serve --host=0.0.0.0 --port=8000
npm run dev -- --host
I can access to this urls:
The URLS in the source shows something like this:
<
Anyway, if I go and access in other tab to the url: http://[::]:5173/resources/css/app.css
I see the content:
@tailwind base;
@tailwind components;
@tailwind utilities;
I tried some configs in the vue.config.js but none works.
I tried npm run build (maybe to share outside my network is necessary) but this only delete my .hatcess, index.php, favicon.ico and created only public general assets (I restored this states with git because this only make things worse)
My .env file have this url configs:
APP_URL=http://public_ip
VITE_APP_URL=http://public_ip