A Laravel Mix extension for Vue 3, Typescript and JSX.
for more details check this repository
Questions tagged [laravel-mix-vue3]
43 questions
16
votes
4 answers
You are running the esm-bundler build of Vue. It is recommended to configure your bundler
I am getting this error on my Vue 3 project:
You are running the esm-bundler build of Vue. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.…
SPQRInc
- 162
- 4
- 23
- 64
6
votes
1 answer
Vue3 access component data attribute from console
How do I access a component data attribute value from the console in Vue 3?
When I was working in vue2 I was accessing this using $vm0 and setting and getting any component attribute value but this does not work in Vue 3.
Vue.js devtools screenshot…
Jigar
- 3,055
- 1
- 32
- 51
4
votes
0 answers
Form , HasError, AlertError (export and import) was not found in vform
Form , HasError, AlertError (export and import) was not found in vform
When I use the following code. It's not working:
import { Form, HasError, AlertError } from 'vform'
Vue.component(HasError.name, HasError)
Vue.component(AlertError.name,…
Al Faisal Mia
- 77
- 7
3
votes
1 answer
How to create an input field mask in Vue3 using regex for vehicle registration number?
How to create an input field mask in Vue3 using regex for vehicle registration number? I found the solution for masking telephone numbers but when I mix the regex with alphabets it doesn't work at all.
Is it possible to create a mask for something…
rajansu
- 33
- 2
- 10
2
votes
2 answers
Laravel Jetstream: Critical dependency: Accessing import.meta directly is unsupported (only property access is supported)
I am facing this critical error while installing Laravel Inertia with Jetstream.
larevel new projectName --jet
Then I get this:
WARNING in ./resources/js/app.js 16:65-76 Critical dependency:
Accessing import.meta directly is unsupported (only…
Manuel Alzate
- 21
- 1
- 4
2
votes
1 answer
Cannot get Browsersync working properly with Laravel Sail with Laravel Mix
I have managed to get Browsersync partially working, however, whenever I make a request from my app after the page has loaded, the request is sent to the wrong URL.
The following are my Browsersync settings:
mix.browserSync({
proxy:…
Matthew Knill
- 252
- 2
- 7
2
votes
1 answer
TypeError: Cannot read properties of undefined (reading 'model') at Proxy.$_setUpEditorEvents
I am trying to use CKEditor 5 with my Inertia Application in Laravel. But after following the documentation I am getting below error.
index.vue file
Deepak
- 548
- 3
- 15
2
votes
1 answer
Jest with Vue3 ERROR: Cannot destructure property 'config' of 'undefined' as it is undefined
Please could yo help with the next error, I tried to create my tests in VUE3 with Jest but I have the next error, I'm using laravel 8 with webpack mix
Any idea?
enter image description here
Mary Rodriguez
- 21
- 2
2
votes
0 answers
vue-meta version 3 : metaInfo error "this is undefined" How can I create Dynamic meta via api call
in vue-meta version 3 I use metaInfo Like vue-meta version 2
I import vue-meta plugin but I can't access to component, error is "this is undefined"
in setup() we just access to props and context
How can I create Dynamic meta via api call and which…
MA Deldari
- 331
- 2
- 10
2
votes
1 answer
Can I chain-call a shell command from Laravel Mix?
I use Laravel Mix - it's a flexible way to use webpack easily.
When running watch it will recompile dev mode builds whenever the files change. However, in order to use these there's an external build step - e.g. one project needs to call drush cc…
artfulrobot
- 20,637
- 11
- 55
- 81
1
vote
1 answer
How to pass a reactive variable from child component to parent component in vue js composition api
I have two components on is the parent component and the other the child component ,the parrent component has a form field in this form field I can add additional form fields,this additional form field is added with the aid of a component ,the form…
oduwa
- 13
- 1
- 5
1
vote
0 answers
intlify Not found 'message' key in 'en' locale using laravel vue 3 i18n
i am trying to create multi-language application using laravel with Vue 3 i18n and laravel mix, but i keep getting not found key in locale, i followed this link for the steps…
abdallah al sawaqi
- 53
- 7
1
vote
0 answers
Wordpress Plugin Development - Webpack and CSS url() not working right
I'm new to wordpress plugin development, but have experience with Laravel, Symfony, VueJS, Angular, etc.
I started a wordpress plugin for a small project of mine and wanted to us Laravel Mix (webpack) to compile my VueJS and CSS. I'm running into an…
Speedy059
- 629
- 10
- 24
1
vote
1 answer
tailwind css @apply directive not working in laravel
I am currently using Laravel with Vue js alongside with tailwind css. It seems that the tailwindcss @apply keeps showing Unknown Property name.
Following is my Vue File
…
desh
- 627
- 1
- 7
- 19
1
vote
1 answer