尝试 npm run serve 时如何修复“找不到此相关模块：* ./src/main.js in multi...”错误

Question

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

未找到此相关模块：

• ./src/main.js 在 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

请耐心等待，我是新手。

我尝试了一堆随机的东西，比如检查拼写错误、重新安装 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

之后我遇到了类似的问题并花了几个小时进行搜索。

当我尝试使用命令安装 vuetify 时，我的项目中出现了该问题vue add vuetify。显然， in 会自动更改 webpack.config 中的应用程序入口属性。

您可以将文件名本身更改为 main.js 或通过 vue.config.js 更改 webpack 配置（通过阅读有关 webpack 配置的 vue cli 文档）。

您可以使用命令检查您的 webpack.config vue inspect。

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

Answer 2

我遇到了类似的错误，这对我有用，但不确定您是否也遇到同样的问题。我在我的 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')并解决了这个问题。