7
votes

Comment réparer l'erreur "Ce module relatif n'a pas été trouvé: * ./src/main.js in multi ..." lors de la tentative d'exécution du serveur npm

Lorsque je tente d'exécuter l'application avec npm run serve (sur iOS), j'obtiens l'erreur suivante:

Ce module relatif est introuvable:

./src/main.js dans multi (webpack) -dev-server / client? http: / /10.0.0.5:8081/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.js

Veuillez patienter, je suis nouveau dans ce domaine.

J'ai essayé un tas de trucs aléatoires comme la vérification des fautes d'orthographe, la réinstallation du pack Web, la mise à jour du nœud, et rien. Je n'ai aucune idée de la nature de cette erreur, donc je ne sais pas où regarder.

Le fichier main.js ressemble à ceci:

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/store'
import './registerServiceWorker'
import * as VueGoogleMaps from "vue2-google-maps"
import VeeValidate from 'vee-validate'
import BootstrapVue from 'bootstrap-vue'

Vue.use(VueGoogleMaps, {
    load: {
        key: "AIzaSyCGiy39IZbj8oxvO4HHqSVjP5RmLSHl7mY",
        libraries: "places" // necessary for places input
    }
});

Vue.use(VeeValidate);
Vue.use(BootstrapVue);

Vue.config.productionTip = false;

new Vue({
    router,
    store,
    beforeCreate() {
        this.$store.commit('initialiseStore');
        this.$store.dispatch('commons/initialize');
    },
    render: h => h(App)
}).$mount('#app')

Je m'attends à ce que le serveur Web en direct s'affiche, mais j'obtiens cette erreur de compilation et elle échoue.

vue.js webpack-dev-server

2 commentaires

Peut-être une question idiote mais est-ce que main.js est dans le répertoire src ? Avez-vous créé le projet avec Vue CLI?

Oui, c'est dans le répertoire src, et ce projet a été créé par quelqu'un d'autre et j'ai téléchargé le référentiel, le projet a été créé avec Vue CLU, mais pas par moi.

3 Réponses :

0
votes

J'ai eu une erreur similaire, cela a fonctionné pour moi, mais je ne suis pas sûr que vous ayez le même problème. J'ai trouvé ceci dans l'un de mes fichiers de configuration webpack (généralement nommé webpack.dev.conf.js):

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [
    resolve('src'), 
    resolve('test'), 
    resolve('node_modules/webpack-dev-server/client')
  ]
},

J'ai supprimé résoudre ('node_modules / webpack-dev-server / client ') et il a résolu ce problème.

0 commentaires

2
votes

J'ai rencontré un problème similaire après et passé des heures à chercher.

Le problème est survenu dans mon projet lorsque j'ai essayé d'installer vuetify à l'aide de la commande vue add vuetify . Apparemment, in change automatiquement la propriété d'entrée de l'application dans webpack.config.

Vous pouvez soit changer le nom du fichier lui-même en main.js, soit changer la configuration du webpack via vue.config.js strong> (en lisant la documentation vue cli concernant la configuration de webpack).

Vous pouvez vérifier votre webpack.config en utilisant la commande vue inspect .

 ],
 entry: {
   app: [
    './src/main.js'
   ]
 }
}

0 commentaires

0
votes

Ceci est un ancien thread, mais je l'ai rencontré récemment après avoir installé un nouveau module dans un projet Vue. Le problème a également disparu lorsque j'ai mis à jour tous mes autres modules.

0 commentaires