web-dev-qa-db-fra.com

Comment réparer "Ce module relatif n'a pas été trouvé: * ./src/main.js dans MULTI ..." Erreur lors de la tentative d'exécution de NPM Servir

Lorsque vous essayez d'exécuter l'application avec NPM Run Servir (sur iOS), je reçois l'erreur suivante:

Ce module relatif n'a pas été trouvé:

  • ./src/main.js dans MULTI (WebPack) -Dev-Server/client? http://10.0.0.5:8081/sockjs-node ./node_modules/@vue/cli-service/ nœud_modules/WebPack/Hot/dev-Server.js ./src/main.js

S'il vous plaît supporter avec moi, je suis nouveau à cela.

J'ai essayé un tas de trucs aléatoires comme la vérification des problèmes d'orthèse d'orthographe, la réinstallation de WebPack, la mise à jour du nœud et rien. Je n'ai aucune idée de ce que cette erreur est à propos de sorte que je ne suis pas sûr de savoir 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 affiche, mais je reçois cette erreur de compilation et elle échoue.

vue.jswebpack-dev-server
7
Gustavo Garrido

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

La question s'est produite dans mon projet lorsque j'ai essayé d'installer Vuetify à l'aide de la commande vue add vuetify. Apparemment, le contenu modifie automatiquement la propriété d'entrée d'application dans WebPack.Config automatiquement.

Vous pouvez soit modifier le nom de fichier lui-même à Main.js ou modifier la configuration WebPack via VUE.CONFIG.JS (en lisant le vue CLI Documentation Regararding Regardarding WebPack Config).

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

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

Ceci est un vieux fil, mais j'ai rencontré cela récemment après avoir installé un nouveau module à un projet Vue. Le problème s'est éloigné lorsque j'ai également mis à jour tous mes autres modules.

0
Sean Rasmussen

J'ai eu une erreur similaire, cela a travaillé pour moi, mais pas sûr d'avoir le même problème. J'ai trouvé cela dans l'un de mes fichiers de configuration WebPack (généralement nommé comme webpack.dev.conf.js):

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

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

0
Prosim