vue-routerインポート時のエラーについて。

Question

前提・実現したいこと

VueRouterを使ってURLごとに画面の切替をしたい。

発生している問題・エラーメッセージ

vue-router.esm.js:1 Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/fukutomeyouhei/Documents/git/MENTA-kadai/vue-questionnaire/node_modules/vue-router/dist/vue-router.esm.js'
    at eval (vue-router.esm.js:1)
    at Object../node_modules/vue-router/dist/vue-router.esm.js (chunk-vendors.js:1304)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (router.js?41cb:1)
    at Module../src/router.js (app.js:1209)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (main.js:12)
    at Module../src/main.js (app.js:1197)

該当のソースコード

↓router.jsのコードです。

import { createApp } from "vue";
import App from "./App.vue";
import { createRouter, createWebHistory } from 'vue-router';
import BasicInfomation from './components/BasicInfomation.vue';
import QuestionsPage from './components/QuestionsPage.vue';
import ConsultationFormPage from './components/ConsultationFormPage.vue';

const router = createRouter({
    history: createWebHistory(),
    routes: [
        { path: "/", component: BasicInfomation },
        { path: "/questions", component: QuestionsPage },
        { path: "/consultation", component: ConsultationFormPage },
    ],
});

const app = createApp(App);
app.mount('#app');
app.use(router);

↓main.jsのコードです。

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';

const app = createApp(App);
app.use(router);
app.mount('#app');

試したこと

そのようなファイルまたはディレクトリがないとのことですが、package.jsonを確認したところ"vue-router": "^4.0.1"が入っているのは確認しています。

補足情報（FW/ツールのバージョンなど）

Vue3で開発しています。
VueCLIのバージョンはこちらです。
@vue/cli 4.5.9

どうしてこのようなエラーが出るのか検討もつかない状態です。
ご教授いただければ幸いです????‍♂️

Answer 1

こちら解決しました。

router.jsで
const app = createApp(App);
app.use(router);
app.mount('#app');

を入力していることが原因でした。
削除したらエラーがなくなりました。