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

我希望实时网络服务器能够显示，但出现此编译错误，并且失败。

Answer 1

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

当我尝试使用命令vue add vuetify安装vuetify时，该问题发生在我的项目中。显然，in会自动更改webpack.config中的应用条目属性。

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

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

 ],
 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')，并解决了该问题。

Answer 3

这是一个旧线程，但是在将新模块安装到Vue项目之后，我最近遇到了这个问题。当我更新所有其他模块时，问题也消失了。

尝试npm运行serve

3 个答案: