Vite import problem | Laravel | Page 1

So we have a layout called cms which uses @vite to load in css & js files. that all works fine and dandy. But we have some specific css files for some of the pages using that layout. it's build up like so:

In the layout we have @yield('styles')
In the page we have:

@section('styles')
    @vite(['resources/css/page-detail.css', 'resources/css/trix-editor.css'])
@endsection

We have this because these css files are specific to that page and are not required by others. Sadly when we run this we get a:

Unable to locate file in Vite manifest: resources/css/page-detail.css. when visiting the page.

Is there any way to fix this?

#Vite import problem