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

Question

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

找不到此相关模块：

• ./src/main.js 多（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')

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

原文由 Gustavo Garrido 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

当我尝试使用命令 vue add vuetify 安装 vuetify 时，我的项目中出现了这个问题。显然，in 会自动更改 webpack.config 中的 app entry 属性。

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

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

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

原文由 Mihir Rane 发布，翻译遵循 CC BY-SA 4.0 许可协议