Erreur compilation Webpack

Si vous vous retrouvez avec l'erreur
Module parse failed: Unexpected token (1:0)
lors de la compilation Webpack avec Laravel Mix

ERROR in ./resources/js/components/***.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>
|

C'est que vous êtes certainement passé à laravel-mix version 6 sans avoir mis à jour le fichier webpack.mix.js
Pour que tout entre en ordre, ajoutez .vue() après les appels JS dans webpack.mix.js

EXEMPLE :

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
   .vue()
   .sass('resources/sass/app.scss', 'public/css')
   .sourceMaps();

if (mix.inProduction()) {
   mix.version();
}

Hasta la vista Bibi 😋


Publication : lundi 16 août 2021 à 15:18
Mis à jour : lundi 16 août 2021 à 15:30
Article vue 1707 fois

Erreur compilation Webpack
Haut de page