So the issue I’m currently having is that I would like to use laravel, jetstream and inertia and I’m not able to access my modules when using inertia. All I get is a blank page with this error in my console [Vue warn]: Error in created hook: "Error: Cannot find module ‘./Index’" This is what ..
Category : inertiajs
<template> <app-layout> <template #header> <h2 class="font-semibold text-xl text-gray-800 leading-tight"> Dashboard </h2> </template> <div class="py-12"> <div class="max-w-7xl mx-auto sm:px-6 lg:px-8"> <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg"> <div class="mt-5 md:mt-0 md:col-span-2"> <form @submit.prevent="submit"> <div class="shadow sm:rounded-md sm:overflow-hidden"> <div class="px-4 py-5 bg-white space-y-6 sm:p-6"> <div class="grid grid-cols-3 gap-6"> <div class="col-span-3 sm:col-span-2"> <label for="course_title" class="block text-sm font-medium text-gray-700"> Title </label> ..
I would like to use nwidart/laravel-modules and inertia together. The problem I’m having is that my Index.vue that is in my Users module isn’t showing up and there is no errors. When I have this line of code in my app.js resolveComponent: (name) => require(`../../Modules/Users/Resources/assets/Pages/${name}`).default then my Index.vue shows up, but when I try to ..
I actually struggling with passing data into GET request page where I trying to pass data from database to Dashboard.vue component (Using Laravel 8 + Inertia.js stack) But nothing happened, why? Controller component: public function index(Request $request) { return Inertia::render(‘Dashboard’, [ ‘percentages’ => $percentages = DB::table(‘profits’)->where(‘user_id’, $request->user()->id)->sum(‘percentage’), ‘profits’ => $profits = DB::table(‘profits’)->where(‘user_id’, $request->user()->id)->sum(‘total_profit’), ]); } ..
I am using a fresh Laravel 8 Jetstream on Inertia mode and I want to integrate MDB (frontend library – Material Design for Bootstrap) using its modules. In order to do this, I am just importing a single module that should work out of the box: AppLayout.vue import { Navbar } from ‘../mdb/mdb.free.js’; The compilation ..
I’m trying to implement inertiaJS in my Laravel application which has VueJS as Frontend Framework. I’m trying to implement the authentication/login and redirecting to the authentication guard URLs, but I’m unable to do so. Below is my code: Routes: web.php Route::get(‘/’, ‘[email protected]’)->name(‘page.index’); Route::get(‘/login’, ‘[email protected]’)->name(‘login’); Route::group([‘middleware’=>[‘auth’]], function() { //For Subscriber section Route::prefix(‘my-account’)->group(function () { Route::get(‘dashboard’, ‘[email protected]’)->name(‘subscriber.dashboard’); ..
I was given a task to maintain a Laravel project with Vue.js (inertia) (not very experienced with both). Now we need to switch the host to Azure and I am stuck on the file storage. Specifically, I am not sure how to upload files from Laravel to the Blob. I am already using https://github.com/matthewbdaly/laravel-azure-storage which ..
I am using vuejs with Inertiajs and Laravel. The data is coming from database and is then passed to my vue component as a prop via Inertiajs In the component the array is displayed (instead of items array, it will be looping through the actualitems array – which has the same structure as items array ..
my project use laravel fortify, inertia with vue. i have to add role based permissions (just like spatie permissions package). i’m still a beginner to fortify and inertia. but i have experience in spatie package. i’m stuck with how add roles and permission to fortify. currently i’m planning to create table structure like spatie package ..
I’m using Laravel 8 and Vue.js to making an form where I uploading two images (every each one into different paths and by different input fields). I was surfing on internet and find out nothing what will be described my situation. The Error I got in the Google Chrome Dev Tools -> Network -> Preview: ..
I have an form which have to run store function in my VerificationController.php and edit data in users table and create record in verifications table and must save two images into specific folders, but after I’ll send ajax request, nothing happens. I also tried dd() function on some variables, but nothing happens too. My store ..
I am doing a project, during this project I am supposed to create api in laravel with an authentification system. I used jetstream and inertia. I have two folders separated one with my api and jetstream auth and another one with my vue.js project, where I will implement axios requests. How do I integrate jetstream ..
I have a button that when clicked, adds some inputs to a form: <a @click="addNewText()" class="items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray transition ease-in-out duration-150"> <i class="far fa-2x fa-plus-square"></i> </a> I am using Laravel 8 and Inertia and want to validate my form. When I ..
i am using laravel project with vuejs and inertiajs. i want to make user login and after login i want the user to redirect to test.vue file, which i created just for learning. i made a registration form after submit registration form i call a function login, i.e i want the same user to login, ..
I want to share something I figured out since there’s not much info out there (that I couldn’t find). Laravel 8 with Jetstream Inertia has a few shared objects, like user, current route… You can access them in your components using the $page variable. I needed to add a menu array as a global variable ..
I am using laravel jetstream with inertiajs and try to define an explizit route binding route: Route::get(‘resources/{resource}’, ‘[email protected]’) ->name(‘resources.show’); where my controller looks like: public function index(Resource $resource) { return Inertia::render(‘Resource’, [‘resource’ => $resource]); } If I try to open /resources/accounts, I get a blank page and the following JS error: app.js:28669 [Vue warn]: Error ..
I am using vuejs,inertia and laravel framework. i am using registration form for enter user records. i fetch seller and state records on registration form load, and received them in props. when i used to submit button all the form fields save values through v-model, only form.seller and form.city are remain empty. please help me ..
I’m trying to get the Here Map running with laravel8 and vue. I’ve searched and tried a lot, but unfortunately couldn’t find a solution. Maybe someone here has an idea. The javascripts and css files of here are loading. The error message im getting. Vue warn]: Error in mounted hook (Promise/async): "TypeError: Cannot read property ..
I want it like old school: where you can use Laravel blade and inside you can include a Vue component instead of only using Vue for whole front-end. Is that possible in Laravel 8? Sourc..
I have a Laravel 8 + Inertia.js project. In the InertiaServiceProvider I share the props I want available to pages after every request. One of the props is a list settings for this client and their users. For example, which date format to use globally for the client’s account. I can change and save these ..
I want to fill the form with test card details but any record in DB doesn’t updated and I cannot see any status of payment. I have form (form view will shows correctly when I come to URL address: /input/create), and POST request on same URL as GET request (which show me form) is here ..
I working with Vue.js (and Inertia.js) and I want to build an select in my form, but my select after compiling is empty and dev console in web browser throwings me this error: Property or method "options" is not defined on the instance but referenced during render. Make sure that this property is reactive, either ..
I’m trying to re-use the Jetstream Dialog Modal, but it doesn’t seem to work. Here is the sample taken from the official docs <jet-dialog-modal :show="modal" @close="modal = false"> <template #title> Delete Account </template> <template #content> Test content </template> <template #footer> Cancel </template> </jet-dialog-modal> When I set the modal property to true and inspect the DOM, ..
I have installed Jetstream with Intertia. I register a user, then try to login, and the console gives me the following error: [Vue warn]: Error in render: "TypeError: _vm.$page.user is null" When I look at the response from the controller, indeed it does not include a user. Where is the user attached? Presumably in some ..
image describe the error number when i use any API with PHP Laravel give me this error if i try enter the link working successfully Sourc..