编译失败，出现2个错误找不到此相对模块

Question

我正在关注有关vuejs的教程，并且在使用此命令npm run serve时遇到了问题：

这是main.js：

import Vue from 'vue';
import App from './App.vue';

new vue({
    render: (h) => h(App)
}).$mount('#app');

这是App.vue

<template>
<h3 class="text-danger text-center mt3">{{name}}</h3>
</template>
<script>
export default {
    name: 'App',
    data(){
        return{
            name:'Gestion de dépenses'
        }
    }
}
</script>
<style  scoped>

</style>

这是消息错误：

  

编译失败，出现2个错误
  找不到此相对模块：

     

  
• ./ src / main.js在多（webpack）-dev-server / client中？http://192.168.1.118:8080/sockjs-node   （webpack）/hot/dev-server.js ./src/main.js，多   （webpack）-dev-server / client？http://localhost   （webpack）/hot/dev-server.js   （webpack）-dev-server / client？http://192.168.1.118:8080/sockjs-node   ./src/main.js
  

我不知道问题出在哪里。