Vue router 使用中に These relative modules were not found というエラーが出てしまった

Question

Vue router 使用中に These relative modules were not found というエラーが出てしまいました。

おそらくファイルパスやスペルミスなどはないはずなのですが、どうしていいかわからず詰まってしまいました。

エラーメッセージ

These relative modules were not found:

* ../pages/About.vue in ./resources/js/router.js
* ../pages/Contact.vue in ./resources/js/router.js
* ./Header in ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vuetify-loader/lib/loader.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/App.vue?vue&type=script&lang=js&

import Vue from 'vue';
import Router from "vue-router";

import Homepage from '/pages/Homepage.vue';
import About from '../pages/About.vue';
import Contact from '../pages/Contact.vue';

//ページコンポーネントのインポート

Vue.use(Router);

export default new Router ({
    routes: [
        {
            path: '/',
            name: 'home',
            component: Homepage,
        },
        {
            path: '/about',
            name: 'about',
            component: About,
        },
        {
            path: '/contact',
            name: 'contact',
            component: Contact,
        }
    ]
});

初学者のため見落としている箇所などあったら申し訳ありません。
何卒よろしくお願いします。

Answer 1

ファイルパスに指定の仕方が間違っていたようです。
お騒がせしました。

import Homepage from './pages/Homepage.vue';
import About from './pages/About.vue';
import Contact from './pages/Contact.vue';

import Header from './components/Header';