Проблема Судя по оболочке в терминале, Vite работает, но не обновляет страницу, не распознает изменения CSS и недоступен через порт 5173 на локальном хосте.
Контекст
npm run dev для использования ViteВывод оболочки в терминале
VITE v5.3.1 ready in 106 ms
➜ Local: http://localhost:5173/
➜ Network: http://172.20.0.3:5173/
➜ press h + enter to show help
LARAVEL v11.10.0 plugin v1.0.4
➜ APP_URL: http://localhost
Консольный вывод
[Error] Failed to load resource: Could not connect to the server. (client, line 0)
[Error] Failed to load resource: Could not connect to the server. (app.css, line 0)
[Error] Failed to load resource: Could not connect to the server. (header.js, line 0)
[Error] Failed to load resource: Could not connect to the server. (app.js, line 0)
[Log] Users Data: – [] (0) (localhost, line 164)
Кроме того, я не понимаю «не обновляет страницу, не распознает изменения CSS и не доступен через порт 5173». Как вы можете знать, что он не обновляет и не распознает изменения CSS, если вы даже не можете его открыть?






Я решил проблему. Причина заключалась в том, что я сослался на порт 5174 в строке 13 Docker.yml: - '${VITE_PORT:-5174}:${VITE_PORT:-5173}', но я не добавил эту ссылку в .env VITE_PORT=5174.
Как только я добавил это и перестроил, все заработало.
Если Vite работает в Docker, привязали ли вы порт хоста к порту контейнера
5173?