Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Soulouf's avatar

You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

Hello,

I allow myself to come to you because I have a problem that I cannot resolve. In fact it's been a day since I try to solve this problem but in vain, besides I do not understand anything.

That's it, for health reasons, it's been at least a year since I touched the code, when I logged in, I first tested my site locally and everything worked fine, then I updated update all the packages of my application and this is what I get on my terminal:

➜  anime git:(master) ✗ yarn watch
yarn run v1.22.5
$ mix watch

✖ Mix
  Compiled with some errors in 18.67s

ERROR in ./resources/js/Pages/Animes/AnimeForm.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|     <v-form
|         ref="form"

ERROR in ./resources/js/Pages/Animes/Episodes/EpisodeForm.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|     <v-form
|         ref="form"

ERROR in ./resources/js/Pages/Animes/Episodes/Show.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|     <div>
|         <div class=" mx-auto">

ERROR in ./resources/js/Pages/Animes/Seasons/SeasonForm.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|     <v-form
|         ref="form"

ERROR in ./resources/js/Pages/Animes/Show.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|     <div>
|         <header class="bg-gray-200">

ERROR in ./resources/js/Pages/Dashboard/Animes/AnimeList.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|     <div>
|         <div class="my-5 container mx-auto">

ERROR in ./resources/js/Pages/Dashboard/Animes/AnimeView.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|     <div>
|         <header class="bg-gray-200">

webpack compiled with 7 errors

Can you help me please ?

0 likes
5 replies
schmitt's avatar

Hi, what Laravel Mix version are you using?

Soulouf's avatar

Hello! :p

Before the update it was "laravel-mix": "^5.0.1", and after "laravel-mix": "^6.0.27",.

For the moment, I have reverted to the old version to be able to continue my work.

schmitt's avatar

Ok great, can you show me your webpack.mix.js file?

martinbean's avatar

@soulouf If you’ve updated to Mix 6 recently then you need to add .vue() to your webpack.mix.js file for Mix to compile your Vue components now.

4 likes

Please or to participate in this conversation.