如何解决“尝试npm运行服务时未找到此相关模块：* ./src/main.js in multi ...”错误

Question

当尝试使用npm run serve（在iOS上）运行应用程序时，我收到以下错误：

找不到这个相关模块：

• 多个（webpack）-dev-server / client中的./src/main.js？http://10.0.0.5:8081/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.js

请耐心等待，我是新来的。

我已经尝试了一堆随机的东西，比如检查拼写错误的问题，重新安装webpack，更新节点，什么也没做。我不知道这个错误是什么，所以我不知道在哪里看。

main.js文件如下所示：

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')

我希望显示实时Web服务器，但我收到此编译错误并且它失败了。

Answer 1

我有类似的错误，这对我有用，但不确定你有同样的问题。我在我的一个webpack配置文件中找到了这个（通常命名为webpack.dev.conf.js）：

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

我删除了resolve('node_modules/webpack-dev-server/client')并解决了这个问题。