91 questions
75
votes
5
answers
98k
views
How to fix the error "You may need an appropriate loader to handle this file type"
I have a fresh Laravel installation. On compiling files using npm run dev VUE I get a file error
"You may need an appropriate loader to handle this file type, currently no loaders are configured ...
4
votes
2
answers
15k
views
Vue 3, Uncaught TypeError: Vue.use is not a function
I am trying to upgrade the Laravel project's frontend into Vue 3 from vue 2.
During the process, I faced one issue
Uncaught TypeError: Vue.use is not a function
I don't know what the problem is, ...
- 505
3
votes
1
answer
1k
views
VueJS/NuxtJs: How to upload image file and save it to the static folder of nuxtjs project?
Is it possible the image file must be save in the static folder of nuxtProject? Instead it will save in the backend server using axios. Sorry, I cant gave an example code because i dont have an idea ...
- 113
3
votes
2
answers
2k
views
How to execute javascript in compiled view file (using View::render method)
is it possible to execute javascript code from a compiled view?
i need to write some js codes inside my index.blade file to handle some events.
i tried 3 way but none of them work.
Controller.
$...
- 1,211
2
votes
3
answers
2k
views
vuetify-loader 1.6 is incompatible with laravel mix, vue-loader 15 currently does not support vue rules with oneOf
I'm trying to install the vue on the laravel. I believe I got it, but when I run the npm run watch or npm run dev, it generates this error. I've tried several things and I can't solve
Error: [...
user14050527
2
votes
1
answer
1k
views
How to debug unfriendly errors in Vue production build
I am developing a Laravel/Vuejs(3) app. For error capturing it was decided to use Sentry.
The problem is some of the errors in Sentry log are very unfriendly and have no usable stack trace for ...
- 21
2
votes
1
answer
71
views
how to use zurb foundation along side bootstrap in Laravel Vue?
I have a template built in zurb foundation for a sub-domain, i want to use foundation along side bootstrap in my laravel Vue app, entire site uses bootstrap but a subdomain template requires ...
2
votes
1
answer
532
views
Importing Scss into vue.js views
I've noticed that if I want to use my _variables.scss I have to import them in every Vue file. My question is, how can I check if I load the same styles multiple times or does Vue saves only once the ...
- 397
2
votes
2
answers
2k
views
Vue components not displaying in production, works well in dev env
I have a laravel vue project working quite well in development but on the live shared hosting server, vue components are not showing up but the laravel views work just fine. There is no error in the ...
- 69
2
votes
2
answers
559
views
Component works only once using router-link - Laravel vue
I am working on a project that uses Laravel Vue SPA, and I got a problem accessing the data of the single product, it's only working when I click once, but when I select again with other product, I ...
- 55
2
votes
0
answers
368
views
Array to String conversion error on server using laravel eloquent Create
First of all I must tell you that my code is working on my localhost, the error I am getting is only on development server after deployment.
I am getting error on $list = Listing::create($data);
Here ...
- 453
2
votes
0
answers
375
views
Laravel - Vue.js routes doesn't work properly
i'm pretty new to vue.js also i'm using laravel 8 and php 7.24 what i want to do is access pages without reloading. i've set up vue.js and i have two vue components which i need to route one to ...
2
votes
1
answer
345
views
Using Laravel config file data inside vue component
I am developing a web app using laravel and vue . Now i want to use laravel config file data like app name inside vue component . How do i suppose to do that ?
- 53
1
vote
3
answers
2k
views
Laravel-vuejs (Vue Router) Javascript not working in onchange url
In my project, when I move from page to page with <router-link>, JavaScript does not work, look at the image to understand what I mean.
The first time when I refresh the page, everything works, ...
- 43
1
vote
1
answer
327
views
Question: How to get an array index id? in Vuejs [duplicate]
Scenario: I have an array which possesses 4 object i need to display the index of the array can someone help me to do this
- 1,033
1
vote
2
answers
395
views
Make a layout container for all blades
I am creating a laravel-vuejs mix version of my vanilla vuejs app and in my vuejs app, I have a master component container for all my components. it goes like this...
MainContainer.vue
<template>...
- 357
1
vote
0
answers
66
views
Error: Module '"vue"' has no exported member 'ref', 'computed'. etc
Does anyone experience this issue? I have laravel + vue 3 project and I recently use typescript. I installed these,
"typescript": "^5.9.3",
"vue-tsc": "^2.2.12"
...
- 145
1
vote
0
answers
77
views
vue.js with laravel : Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../"
while integrating vue.js in laravel blade file facing this error
"Uncaught TypeError: Failed to resolve module specifier "vue".
Relative references must start with either "/",...
- 11
1
vote
0
answers
179
views
how to binding TinyMCE (text editor for article) to Vue js in laravel?
hi in this case blade i used 'TinyMCE' for article text edit , and 'v-model' is setting to 'textarea' tag,I want to bind the text inserted in the text editor to Vue. I used v-model but it didn't work....
- 11
1
vote
0
answers
984
views
Run Laravel Vite Vue.js build without Artisan
I am a newbie learning Vue.js and I am using it with Laravel. I have decent experience with Laravel. Previously, without any frontend setup, I simply used to go to http://localhost/my-project/public ...
- 403
1
vote
1
answer
535
views
Can login or register only with Firefox using Sanctum API authentication (CSRF token mismatch)
I am developing an SPA with Laravel 9, Vuejs 3 and Sanctum. I am newbie to vue and to Sanctum and I use the sanctum API authentication instead of the token authentication.
At this stage I am in dev ...
- 553
1
vote
0
answers
4k
views
laravel vue pagination Property "$createElement" was accessed during render but is not defined on instance
I am trying to use laravel vue pagination on my vue3 typescript app
https://github.com/gilbitron/laravel-vue-pagination
I have installed the library and registered it on my index.ts
<template>
...
- 1,313
1
vote
0
answers
59
views
How to fetch the old value into the input field to update the data in laravel vue.js
I am beginner. In my laravel vue application i want to upadate the data. But before updating i want to fetch the existing value into the filed . I have tried copule of ways like v-model , ternary ...
1
vote
1
answer
370
views
Is it OK for an API endpoint to return multiple models (e.g when configuring create/update forms in the front end)?
I am switching from normal CRUD resource methods (which often return multiple models required to populate a form) to an API scheme. My question is whether the normal create method I use should be made ...
- 141
1
vote
0
answers
681
views
Show PDF File on Vue Component Laravel VueJS Project
I Have Project With Upload PDF file into public directory and I will show that file like a google drive PDF viewer
Can anybody help me how can I do That ?
My project using Laravel 8 and VueJs 2
thank
- 11
1
vote
0
answers
253
views
How to Programmatically append slots in vuejs app
I have a requirement to use vue js slot to inject the content anywhere in the dom.
The component is going to have props as below -
1. in: The target element. Should be able to accept a string selector,...
- 499
1
vote
1
answer
1k
views
Default route is not working with laravel and vue
I am creating a single page application using laravel and vue. it's not loading index component on page load.
web.php
Route::get('{any}', function () {
return view('welcome');
})->where('any', '.*')...
- 301
1
vote
2
answers
1k
views
Spatie media library pro - Can't resolve '@spatie/media-library-pro-vue2'
Hi guys I am having trouble setting up Spatie Media Library pro. I am getting following error when I am building my resources with npm run dev
ERROR in ./vendor/spatie/laravel-medialibrary-pro/...
- 11
1
vote
0
answers
310
views
How to get logged in user's id in main.js in a laravel-vue app?
I am currently working in a laravel vue app. I want to get logged in user's is in my main js file.How can I do this?
This method is not working:
This is my main HTML or blade files head tag code
<...
- 586
1
vote
2
answers
2k
views
Auth info required to subscribe to private-App.User.undefined using Laravel, Vue and Pusher
I am trying to send a notification that broadcast on a private channel using pusher with laravel api. Everything is ok while sending notification and pusher server is receiving the event. However, ...
- 586
0
votes
1
answer
2k
views
How can I get the FullCalendar vue3 component to refresh?
I'm using the FullCalendar vue3 component with Laravel Breeze/Vue, but I haven't been able to get the calendar to refresh when needed. I'd like the calendar to refresh after a select element changes ...
- 103
0
votes
1
answer
75
views
Separate Laravel Vue to **only** Vue 2
Basically we already use: API for the routes, and auth-sanctum to login (so I guess it won't be a problem).
How to separate this to backend and frontend?
I already tested this with express (probably ...
- 431
0
votes
1
answer
1k
views
v-for table dynamically vuejs3
I´m doin a axios.get() to route laravel, that this route it´s ok, return all my data in json, and i´m tryiying to fill my table. I have a array that it´s filled with axios get.
if i do console.log() ...
- 558
0
votes
1
answer
5k
views
How to get auth token automatically in laravel and vue?
I am using laravel passport for authentication in my laravel and vue.js ecommerce project.
After successful login, I want to redirect user to his/her dashboard.
Here is the vue dashboard page:
<...
0
votes
2
answers
553
views
Change the index of an array in array push
In the application, we implemented the laravel-vue-pagination and in our pagination our columns are checkbox and paid amount(input field) where the checkbox is what user want to pay the item.
Once the ...
- 989
0
votes
1
answer
836
views
How to use router-link in vue js?
I am a beginner to laravel-vue and I have a problem with router-link when I get data from the database to view, all things work correctly, but when I set the path to router link, it does not work.
The ...
- 1,026
0
votes
1
answer
583
views
cant use local image as src laravel-mix vuejs
I have a Vue component located at resources/js/modules/MyComponent.vue and inside it, I'm trying to use a local image as an src for the img tag, and the image is located at public/assets/myproj/image/...
- 357
0
votes
1
answer
239
views
Route keep asking for parameter even if not set to receive any
I'm new to laravel and I'm having trouble with one of my web routes...
I grouped some routes with the auth middleware
Route::middleware(['auth:web'])->group(function ($router) {
Route::get('/...
- 357
0
votes
2
answers
2k
views
Delete multiple rows using Laravel and Vue Js
Am having a problem deleting multiple rows in Laravel and Vue Js. I am able to get the values of id as an array. When I click on delete button I get a status 200 but no record is deleted from the ...
- 393
0
votes
2
answers
3k
views
Vue js Page View Source not readable
How can we replace a component tag to render HTML code in view-source?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="...
- 297
0
votes
1
answer
3k
views
Laravel-Vue-Pagination error when trying to go to a different page
api.php
Route::get('/products', 'ProductsController@index');
Query:
$products = DB::table('sizes')
->join('products', 'sizes.id', '=', 'products.sizes')
->join('categories', 'products....
- 223
0
votes
2
answers
4k
views
Laravel with Vuejs run project without php artisan serve
I am developing a VueJs application in Laravel. In my local environment I have to use php artisan serve command to serve my project. In server I am using php artisan serve --host 0.0.0.0 --port 8000 ...
- 403
0
votes
1
answer
108
views
How to load js in laravel vuejs 3
I'm new to Laravel and VueJS, and I want to include JavaScript files in my project. Can someone please tell me how to do that? I watched a video on YouTube and got a solution, but sometimes it's not ...
- 3
0
votes
1
answer
278
views
Laravel Vue Update page prop of user data After axios post
I have a custom column inside by user's table called avail_balance. When making a transaction, I want the available balance to update on the frontened WITHOUT having to reload the page. So after an ...
- 1
0
votes
0
answers
308
views
ERR_CONNECTION_REFUSED error in running Laravel and Vue
When I use Laravel 10 and vue3, I get the following error when running the local server
What is the cause and how can it be fixed?
Windows 11 and laragon operating system
`This site can’t be ...
0
votes
1
answer
107
views
Restrict the pages in laravel when using socialite as login
In laravel have added socialite login for google,but i wanted them to be authenticated first before going to /studentTable route. And if they are not authenticated then they go back to login.
Im new ...
- 91
0
votes
0
answers
165
views
Laravel Vue js Filters Custom Filters
Custom filters are not working, This is what I have tried so far,
This HTML code is for filters selection,
<div class="woocommerce-widget filter-list-widget">
<h3 class="...
- 1
0
votes
0
answers
122
views
v-model not updating data from Parent to child
I Have 2 Component. 1 Is Component Form as a parent, 1 another is 3 textarea and input.
But when i submit form method post, the validation from laravel send result error, if reward_type.product, ...
0
votes
0
answers
100
views
No matching service worker detected even though I have a service worker and no PWA icon
i have try o convert laravel+vue.js to pwa. i have create manifest.json used workbox-cli for service worker. all install correctly but got error No matching service worker detected even though I have ...
- 227
0
votes
1
answer
75
views
My datePicker is not working when i click after i empelment select with vue | Laravel - js
im new at Laravel And i have this problem when i use vue for select another data My date picker stopped working and when i click on it is not shown ,
this is the HTML code :
<div ...
