Не удалось скомпилировать с 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 в multi (webpack) -dev-server / client? http://192.168.1.118:8080/sockjs-node (webpack) /hot/dev-server.js ./src/main.js, multi (webpack) -dev-сервер / клиент? http://localhost (webpack) /hot/dev-server.js (webpack) -dev-сервер / клиент? http://192.168.1.118:8080/sockjs-node ./src/main.js

Я не знаю, где именно проблема.