Запуск laravel, Sail (Docker) и Vite (React) на WSL возвращает 404 (не найден) для ресурсов приложения. ⇐ Php

[Anonymous]

Я пытаюсь настроить приложение Laravel + inertiajs + React локально с помощью паруса/докера на wsl, но при запуске сервера разработки я получаю ошибки 404 (не найден) для каждого ресурса приложения. Кажется, я собрал все случайные кусочки конфигурации, но очевидно, что что-то все еще не так.
Мой docker-compose.yml не изменился по сравнению со значением по умолчанию, моим vite. config.js – это

Код: Выделить всё

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';

export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.jsx'],
refresh: true,
}),
react()
],
server: {
hmr: {
host: 'localhost',
},
watch: {
usePolling: true,
},
origin: 'http://localhost',
cors: true,
}
});

Моя точка входа в приложение (

Код: Выделить всё

app.jsx

) — это

Код: Выделить всё

import { createInertiaApp } from '@inertiajs/react'
import { createRoot } from 'react-dom/client'

createInertiaApp({
resolve: name => {
const pages = import.meta.glob('./Pages/**/*.jsx', { eager: true })
return pages[`./Pages/${name}.jsx`]
},
setup({ el, App, props }) {
createRoot(el).render()
},
})

Целевой вид моего приложения (

Код: Выделить всё

app.blade.php

) — это

Код: Выделить всё

@viteReactRefresh
@vite('resources/js/app.jsx')
@inertiaHead


@inertia

С учетом всего вышеперечисленного, после запуска Sail Up -d я могу выполнить сборку Sail npm Run, а затем указать в браузере http://localhost и все работает, или я могу запустить npm run dev и приложение просто загружает пустую страницу с кучей ошибок в консоли инструментов разработчика

которые, насколько я понимаю, вызваны тем, что vite возвращает ошибку 404 для ресурсов приложения

.
Есть идеи, что мне не хватает?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -found-for