1,295 questions
0
votes
0
answers
31
views
How to correctly set up Pinia with Inertia.js SSR in AdonisJS 6? Getting "getActivePinia() was called but there was no active Pinia"
I am building an application using AdonisJS 6, Vue 3, and Inertia.js. I'm trying to integrate Pinia for state management, but I'm running into an error:
I read online and see other issues here, but I ...
0
votes
0
answers
107
views
I got syntax error on installing typescript with laravel-data package
Reading https://spatie.be/docs/laravel-data/v4/advanced-usage/typescript docs
I try to add laravel data package on laravel/vue/element-plus site and adding app/Data/TaskAdminData.php class with code :
...
- 2,363
0
votes
0
answers
50
views
How selecting some select option element to run filtered request on server?
On Laravel/Vue/Element Plus, site I make filter with some filters in control and in table of Vue file :
class TaskController extends Controller
{
public function __construct()
{
}
/**...
- 2,363
0
votes
0
answers
32
views
Laravel + Imagick: Thumbnails return 0×0 images in browser despite valid 200 response
I’m building a Laravel + React (Inertia.js) application where users can upload files (PDFs, images, etc.).
For each file, I generate a thumbnail so I can display it in a gallery card (CardFile.jsx).
...
- 1
0
votes
1
answer
117
views
Getting "page over page" problem in laravel 11+ using inertia react for frontend
I have been struggling with this error for 2 weeks. Project setup is basically simple:
docker-compose for building app, redis and mariadb containers
nginx on production server for serving app and ...
- 1
1
vote
1
answer
86
views
How to access asset files when using Laravel and React with Inertia?
My app uses Laravel as backend, and React as a frontend solution with Inertia as intermediary.
The idea is to load .wav files from media storage (say /storage/app/audio) to let users playback phone ...
- 298
-3
votes
1
answer
129
views
Vite manifest not found at: .../public/build/manifest.json but the manifest.json built in .../public/build/.vite/manifest.json
When running npm run dev that works but when I stop the npm run dev and run the npm run build then go to the web site, I get the error message:
Illuminate\Foundation\ViteManifestNotFoundException: ...
- 53
0
votes
1
answer
153
views
Problem with types with <Form> in Inertia, React and TypeScript
I'm following the documentation (https://inertiajs.com/forms) of Inertia for custom submit button using the <Form ...> component.
It show as example:
import { useRef } from 'react'
import { Form ...
- 300
1
vote
2
answers
73
views
Unable to validate reCAPTCHA in Laravel Jetstream with Inertia.js during login
Jetstream Version
4.0
Jetstream Stack
Inertia
Laravel Version
10.10
PHP Version
8.1
I am implementing Google RECAPTCHA v3 in Jetstream login. But its fails because inertia Jetstream auth sending 2 ...
- 21
0
votes
0
answers
30
views
ReferenceError: route is not defined when testing component
I'm trying to test a simple Inertia.js + React component using Vitest and React Testing Library. The component uses useForm() from @inertiajs/react and the route() helper function from Ziggy (Laravel)....
- 699
2
votes
0
answers
87
views
Laravel PATCH requests hanging when running on Sail
I'm using the Laravel 12 + React + Inertia starter kit. When I run the application using Sail, my PATCH requests never complete. The PATCH endpoint is being hit properly, executes the logic/DB updates,...
- 21
0
votes
2
answers
54
views
React Input loses focus after state update
I am trying to build a custom form component. In this I use inertiajs useForm hook to automatically load the data into a state (similar to react-use-form).
But my problem is, that everytime i type a ...
- 1
0
votes
0
answers
83
views
Localized routes issue with Laravel Inertia SSR apps
I want to have a seemingly simple outcome:
website in two languages with URL structure like /en/blog/article1 and /de/blog/seite1
content of the page is visible to search engines for SEO purposes
It'...
- 3,383
2
votes
1
answer
286
views
Problems with `usePage()` in Inertia + Vue3 when using inertiajs/vue3
Here's the code inside my Vue component:
import { usePage } from '@inertiajs/vue3';
import { usePage as usePage2 } from '@inertiajs/inertia-vue3';
const page = usePage();
console.log('...
- 3,625
0
votes
0
answers
86
views
load all pages used causing slow loading page
I am using laravel + inertiajs + react to build a website. the problem is when when I go to the home, it loads all pages including the ones are not needed on Home. it is causing the page load slow.
it ...
- 2,440
1
vote
0
answers
87
views
Laravel InertiaJS SSR returns the app.blade.php without content from server
I enabled the SSR in InertiaJS and am now facing an issue on when the SSR returns app.blade.php without .tsx file content and then renders it the client side on. It causes the "Hydration failed ...
- 29
0
votes
0
answers
46
views
'./dist/bootstrap-vue-next.mjs?' does not provide an export named 'BootstrapVueNext'
In my laravel application after i installing npm install bootstrap bootstrap-vue-next
and updating the vite.config.js :
import { BootstrapVueNext } from 'bootstrap-vue-next';
import 'bootstrap/dist/...
0
votes
1
answer
217
views
Inertiajs router makes requests to web.php, how do I change that so that it will make requests to api.php?
Inertiajs router makes requests to web.php by default, how do I change that so that it will make requests to api.php by default in a Vue app.
Route::post('/api/guardian-app/m/verify-phone', [...
- 154
0
votes
2
answers
366
views
How to resolve CSFR-TOKEN mismatch in Inertia.js?
CSRF-TOKEN Mismatch:
For a virtual host like app.local, when I submit a form using Inertia.js useForm().post(), it shows a 419 error in the app.
Steps to Reproduce:
I have just installed a new Laravel ...
- 252
0
votes
2
answers
109
views
Method Illuminate\Auth\RequestGuard:: does not exist
The logout button doesn't work, it returns “Method Illuminate\Auth\RequestGuard::logout does not exist.” I checked everything seems to be correct, but it doesn't work.
route:
Route::middleware(["...
0
votes
1
answer
225
views
Submit Form as array with Inertia in React
Please I am developing an application with React JS, Inertia and Laravel that require users to submit their academic qualifications. I want the user to be able to add additional form row for more ...
1
vote
1
answer
196
views
Preventing Access to Login Page After Authentication in Laravel + Inertia + React (ShadCN + Breeze)
I followed ShadCN's official documentation to set up a React starter kit with Laravel Breeze. Authentication works correctly, but I encountered an issue where users could navigate back to the login ...
0
votes
1
answer
405
views
Is there a way to get a reactive table in Laravel 12 using Vue + Inertia + useVueTable keeping preserveState on true?
I'm trying Laravel 12 with the new starter kit Vue and the shadcn-vue components. Here is my problem: I need a reactive datatable using Inertia. To achieve that reactivity I have to disable ...
- 48
-1
votes
1
answer
98
views
How to trigger a function code once when loading or refreshing page in vue js and inertia js
I am working on a project using vue JS and inertia JS, basically I wanna trigger this
code ONCE when the page loads or reloads.
router.visit('/getrequest',{
method:'get'
})
but its triggering ...
- 184
0
votes
1
answer
74
views
Why async inertiajs request from js code does not work?
I have Laravel 11 / vuejs 3 / element-plus 2.9.5" app I make request to save form as from my vue file :
const onSubmit = () => {
console.log(editMode.value)
if (editMode....
- 3,309