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.