Discussion :

[Mahdrentys]

Bonjour à tous, depuis quelques jours j'ai un problème, je ne peux plus utiliser les composants monofichiers .vue de VueJS, car webpack me sort toujours cet erreur :

Module build failed : Cannot read property 'vue' of undefined at Object.module.exports (from ./node_modules/vue-loader/index.js)

Ça le fait que j'utilise la méthode :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
import MonComposant from './mon-composant.vue';
Vue.component('mon-composant', MonComposant);

Ou la méthode :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
import MonComposant from './mon-composant.vue';
 
let vue = new Vue(
{
    el : '#app',
    components : {MonComposant}
});

Je sais qu'il y a des tonnes de topics qui parlent de cet erreur, j'ai cherché pendant des heures mais aucune solution n'a fonctionné avec moi. Enfin si j'en trouvé une qui me supprime cet erreur mais qui en fait apparaître une autre. On m'a dit de rajouter ça à la propriété "plugins" de la config de webpack :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
new webpack.LoaderOptionsPlugin(
{
    options : {}
})

Une fois que c'est fait je n'ai plus cet erreur mais j'ai ça maintenant :

Cannot read property 'getEmitOutput' of undefined (from ./node_modules/ts-loader/src/instances.ts).

Je suis désespéré car d'habitude quand on a une erreur dans notre code on peut toujours faire quelque chose, chercher une autre façon de le faire, mais là c'est quand même étonnant d'avoir une erreur qu'il n'y avait pas avant au niveau d'une librairie ultra-connue, qu'est-ce que je peux y faire ? Du jour au lendemain je ne plus du tout me servir des fichiers .vue.

Je vous remercie d'avance pour votre aide.

[Mahdrentys]

J'ai trouvé la solution pour ne plus avoir la seconde erreur. Dans les fichiers .vue j'ai retiré l'attribut lang="TS" de la balise script, et du coup je n'utilise malheureusement plus de typescript dans mes composants vue.