1,296 questions
1
vote
0
answers
90
views
How to achieve reactivity without reloading the component when responding/rendering inertia-laravel
problem of creating a shopping cart in laravel inertia vue bundle - I want to use transitionGroup to animate products in the cart, however the component reloads when I get information from laravel, ...
0
votes
1
answer
130
views
Laravel VILT Stack, Inertia Shared Data
I'm working on my first VILT stack project, a T-shirt store where customers can add items to a cart. The cart is stored in the session and shared with the frontend using the HandleInertiaRequests ...
0
votes
0
answers
46
views
error during build: RangeError: Maximum call stack size exceeded
I am getting an error when I run npm run build in production
error during build:
RangeError: Maximum call stack size exceeded
at RegExp.exec (<anonymous>)
at file:///var/www/html/test.webapp/...
0
votes
2
answers
295
views
React-Laravel-Inertia V2.0 Pagination with Collections
I have a problem with a Laravel/React/Inertia V2.0 application. I want to implement some infinite scrolling pagination. There is the new Inertia::merge() accessor, that helps merging paginated content....
1
vote
3
answers
93
views
POST http://127.0.0.1:8000/admin/sparepart 404 (Not Found) when i try to Inertia.post('/admin/sparepart', formData)
I use Laravel, Inertia and Vue.
When I submitted the form, the page returned a 404 not found window and the console said
POST http://127.0.0.1:8000/admin/sparepart 404 (Not Found)
I don't know if it's ...
0
votes
0
answers
55
views
vue-router history mode flexible for non-ssr and ssr mode
I am first time developing a laravel - Inertia - Vue App and am doing y first steps with SSR.
At the moment during setup of the router I create a WebHistory which obviously isn't suited for SSR ...
1
vote
0
answers
194
views
Laravel Inertia with Vue.js doesn't reload
I installed a Laravel Inertia project with Vue and hot reload doesn't do his job even if I F5.
For modifications to apply on my frontend, I need to stop the dev script and restart it for example if I ...
0
votes
1
answer
605
views
Laravel not processing FormData in a PUT request
I'm facing an issue while trying to send a PUT request with FormData in Laravel using Inertia. I need to update a user, but the PUT request seems to be ignored, and Laravel is not processing the ...
1
vote
1
answer
318
views
Laravel Inertia / download file returns a redirection instead
I have the following route:
Route::post('report', Controllers\ReportController::class)->name('report');
And the controller loads a file and returns it
$path = '/some/path/to/report.xls';
return ...
0
votes
1
answer
99
views
Laravel 11 Inertia Vue making an edit that doesn't take user to another page
I'm pretty new to this and it seems there are so many pages and teachers that make the Edit function its own page, but I want to do it on the same page so the user can just edit it while seeing ...
-1
votes
1
answer
42
views
Not getting form data on laravel $request object sent from Vue Component ( VILT Stack )
Here is the quick explanation of the issue i am facing - (58 sec only)
https://komododecks.com/recordings/VKLRr4GiITxAi0XZfqvF
I can edit my posts, i can send existing post images ids to laravel ...
0
votes
1
answer
465
views
"getActivePinia()" was called but there was no active Pinia
I get the following error in the command line when having ssr-started (laravel 11 + vue + inertia) and trying to navigate after php artisan Inertia:start-ssr and after npm run build:
The server starts ...
-1
votes
1
answer
186
views
Laravel 11 (inertia ssr, etc) remove PROD node dependency
I began to develop a Laravel 11 app with Jetstream, Tailwind, Inertia with SSR and Vue3 without taking into account I'd later need node on the webhosting to be able to run. But my hosting doesn't ...
0
votes
1
answer
78
views
Svelte SSR: Why is writable store data being retained across multiple requests?
I am developing an application using Laravel, Inertia and Svelte. It's currently running SSR.
Here's a simple code snippet that I use to set up the <title> tag in the <head> section, using ...
1
vote
1
answer
103
views
Inertiajs onFinish not working in redux toolkit reducer
When I logout in the popup appears for confirmation when I click on it and out of the session it is fine the problem is when I register or sign in again the (isLogouting and isOpeLogoutDialogue) do ...
0
votes
1
answer
179
views
How to access auth user in inertial react
I want to access the auth user to my navigation page, How to do this in inertia react?
this code works for Vue but doesn't work in react js
$page.props.auth.user
thanks
0
votes
0
answers
1k
views
The plugin "externalize-deps" was triggered by this import , Object.defineProperty(exports, "__esModule", {
I got problem after build react in inertia with laravel using vite, so the build run smoothly but when i ran it in browser got problem The plugin "externalize-deps" was triggered by this ...
0
votes
0
answers
471
views
How to enable Inertia SSR on production?
I'm using Laravel Inertia with Vue.3 to build an SSR app.
My app is working well but the SSR is not working at all. When I disable javascript on my browser, I get a blank page.
I deployed my app on a ...
0
votes
1
answer
62
views
Modal controls in vue components
I'm making an edit user account page in Laravel, Vue, and Inertia. The user changes their information via forms that are stored as reusable modals.
The demo button makes the modal work fine, but when ...
0
votes
1
answer
70
views
How to display the raw html response from API in react-data-table-component
I have to display the raw HTML in the react-data-table-component. I have raw HTML which is coming from API, now I want to display that HTML in react-data-table-component.
const columns = [
{ ...
0
votes
1
answer
196
views
useForm setter method not setting file
I have a React app that's attached to a Laravel backend through Inertia.js.
Inertia provides straightforward way of uploading files:
https://www.inertiajs.com/file-uploads
My code closely resembles ...
2
votes
0
answers
194
views
Is it possible to install Laravel Jetstream with Typescript?
Is it possible to install Laravel Jetstream with Typescript instead of Javascript when you are installing it with Inertia/Vue?
I saw that they have it with Breeze but I can't find it for Jetstream.
If ...
0
votes
1
answer
91
views
Inertia share is not working from event listener
I have to pass the menu list to all the pages. this menu list should generate dynamically, so I used the login events listener to do that, here I can able to create the menu but when I try to share ...
3
votes
0
answers
159
views
Laravel - Error 502 "Bad Gateway" when using a email:dns validation
I use Laravel (v9.52.16) with Inertia.
In front-end (Vue.js) I have an email field and in back-end (PHP 8.1.22) I do validations. I use RFC and DNS validationsto authorize only valid emails with valid ...
0
votes
1
answer
882
views
Add CSP nonce in script tag
I'm actually trying to add CSP on my Laravel/Inertia project.
I install the spatie/laravel-csp package and generate the nonce with Vite::useCspNonce();
I also set csp_nonce meta property in my main ...
0
votes
1
answer
79
views
Laravel authorization returns 403 even if policy returns true
I'm using Laravel 11, Vue 3 and InertiaJS.
I'm trying to get authorization to work but it keeps returning 403 even if the policy returns true.
The Inertia Link conditionally shows (successfully so) ...
1
vote
2
answers
430
views
TypeError: Cannot read properties of undefined (reading 'attribute')
For some reason, my application does not recognize one of the attributes of the received JSON. It receives 'posts' and should form links based on 'posts.links'.
I have written this code:
<Link
v-...
-1
votes
1
answer
374
views
Laravel Inertia.js React SSR Vite Nginx Gzip configuration
It's a day that I'm working on optimizing my webpage to use Inertia SSR and Gzip correctly
from how to change the Vite config to how the Nginx config should be.
Now I love to share the configs here
so ...
0
votes
1
answer
39
views
Show data in edit field using laravel inertia and tagify from metronic8
I am trying to show the data of a field "work_places" in edit form, this filed is Tagify and I store the value in json filed.
this is how the data is stored in the database cell after making ...
0
votes
1
answer
712
views
XSRF Token missing from POST request after deployment to Cloud Run
Using Laravel 11, Inertia & React -> Docker Image -> Cloud Run
After opening the app on / I get redirected to /login as expected.
Inspecting the network requests up to that point, X-XSRF ...
0
votes
1
answer
104
views
Laravel Socialite dynamic server url for provider?
I am trying to add a provider for the new Matrix Auth protocol based on OIDC/OAuth2.0 which is outlined in https://areweoidcyet.com/
The major catch here is that since Matrix is selfhostable and ...
2
votes
1
answer
100
views
Why Aren't File Uploads (Banner, Images, Slider) Working in Laravel with React and Inertia.js?
Context
I'm developing a Laravel application with React (using Inertia.js) where users can update "achievements". These achievements include a banner image and a description section that can ...
0
votes
2
answers
54
views
Laravel Inertia vue faild to load frontend
I am using laravel 11 with inertia vuejs. I have two seperate route one is api and one is admin. Full application working perfectly on local but when I upload to server than show not found on web ...
0
votes
1
answer
74
views
Error: Cannot read properties of "undefined" variable (vue/Inertia) got from props
Here is a part of the page code (beginning):
<script setup>
import { reactive } from 'vue'
import { Link } from "@inertiajs/vue3";
defineProps({
post: Array
});
const form = ...
1
vote
2
answers
468
views
Laravel Inertia
I'm working on a project using Laravel with React and Inertia.js. After making changes to my components and routes, I'm unable to see them reflected in the browser. I've run the following commands to ...
0
votes
1
answer
590
views
Uncaught TypeError: Function has non-object prototype 'undefined' in instanceof check
I am struggling with this error that happens only when "vite build" is ejecuted (npm run build), but it does not happen when "npm run dev" in my local.
These is all I did at the ...
0
votes
1
answer
47
views
Data-dropdown-toggle buttons don't work when I add a new record to a table with Laravel Inertia and Vue
I have the problem that I am adding a new record using Laravel, Inertia and Vue. The record is added to my table visually but the drop-down action button that contains the delete and edit actions for ...
1
vote
1
answer
718
views
Issue with Missing broadcasting/auth Route After Installing Reverb and Inertia.js in Laravel 11
I'm working on a Laravel 11 app where I want to use Laravel Reverb for WebSockets. However, I'm encountering an issue with the broadcasting/auth route. Here's the situation:
#1. Fresh Laravel ...
0
votes
0
answers
84
views
URL gets appended with /test/ twice when using Inertia.js with Laravel
I'm experiencing an issue with Laravel and Inertia.js where the URL is being appended with /test/ twice when rendering a page. My project is hosted at https://something.com/test/, but when attempting ...
1
vote
0
answers
149
views
InertiaJS router.get request with params not preserving state: always full refreshing page
In the docs, we can find:
State preservation
...
You can instruct Inertia to preserve the component's state when using the get method by setting the preserveState option to true.
router.get('/users', {...
0
votes
2
answers
237
views
Passing properties to an Inertia Vue page for Laravel Fortify's register view
I'm working on a web app that's using Laravel 10, Vue 3, and Inertia. (I'm new to all of these, btw) Laravel is using Fortify for a lot of features, including new user registration. I've been tasked ...
0
votes
2
answers
824
views
this.resolveComponent is not a function
I'm building an application with Laravel + React. I use Inertia.js to combine the two. The project was generated through Vite.js, which is also used.
I now have built a table, which is responsive so I ...
0
votes
3
answers
49
views
dockerizing Laravel + vue. i am getting database conenction issue SQLSTATE[HY000] [2006] MySQL server has gone away
this is my docker.yml file
services:
web:
image: app-name:latest
build:
target: web
context: .
env_file:
- .env
ports:
- "8000:80"
volumes:
...
0
votes
1
answer
42
views
Pagination Laravel VueTailwindPagination
i cant undesrtand why when i use the tag for the pagination , i cant retreive anything...
In the controller:
$departments = Department::select('name')->paginate(5);
return Inertia::render('...
0
votes
2
answers
804
views
Consume API endpoint from Laravel + Inertia App
I have an App created with Laravel with InertiaJS and VueJS. It is set with all the Jetstream scaffolding for the Authentication, everything from the auth is handled by jetstream and inertia.
The ...
2
votes
1
answer
210
views
DOMException: Failed to execute 'replaceState' on 'History' when using form.post in inertia
I am trying to implement infinite scroll using useIntersectionObserver. Everything works fine, not until after I scroll, then submit a post, the error occurs.
Error
DOMException: Failed to execute '...
2
votes
0
answers
301
views
Understanding Svelte final library size
EDIT (findings): I tried again after removing all references to Inertia, and only imported my example page in main.js (no other pages), and the result is the same: this example page component still ...
2
votes
0
answers
163
views
How to filter Ziggy routes injected into InertiaJS based on user permissions in Laravel?
I'm working on a Laravel project using InertiaJS and ReactJS. To inject routes into my frontend, I'm using Ziggy routes. However, I also have the Spatie/Laravel-Permissions package installed.
The ...
0
votes
0
answers
86
views
How can Update the data form with the inertia.js formHelper in Svelte?
I have a big form with several inputs to inscribe a student, And when the user types the DNI of one of the parents I make a request through Axios, and if the DNI already exists in the database then I ...
0
votes
0
answers
43
views
Why does a tailwind breakpoint affect another unrelated component?
I have a VueJS frontend with tailwindCSS. There is a component that's used twice in the page.
<ApplicationLogo class="h-16 w-auto" />
and
<div class="hidden lg:block">
...