.NET Core 8+Vue.js项目模块找不到错误及API连接问题求助

我正在使用.NET Core 8与Vue.js开发项目，现有一个可通过Swagger正常执行Get、Post、Put、Delete操作的API，该API从SQL数据库的两张表拉取数据，但在将Vue.js与该项目连接时遇到问题。

项目目录结构如下：

HospitalProject(This project is on my desktop)
│
├── vue
│   ├── src
│   │   ├── components
│   │   │   └── DoctorHospitalManagement.vue
│   │   ├── router
│   │   │   └── index.js
│   │   ├── App.vue
│   │   └── main.js
│   └── public
│       └── index.html
│ 
└── api
    ├── Controllers
    │   ├── DoctorController.cs
    │   └── HospitalController.cs
    └── ...

我的router/index.js代码如下：

import Vue from 'vue'
import VueRouter from 'vue-router'
import DoctorHospitalManagement from '../components/DoctorHospitalManagement.vue'
 
Vue.use(VueRouter)
 
const routes = [
  {
    path: '/',
    name: 'DoctorHospitalManagement',
    component: DoctorHospitalManagement
  }
]
 
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
 
export default router

报错信息：

ERROR in ./src/router/index.js 3:0-81
Module not found: Error: Can't resolve

已多次检查目录结构，但问题仍未解决，该如何修复？

• 核对文件路径大小写：部分系统（如Linux/macOS）对路径大小写敏感，确保DoctorHospitalManagement.vue的文件名大小写与import语句完全一致，避免因大小写不匹配导致找不到文件。
• 改用绝对路径导入：Vue项目中@默认指向src目录，可替换相对路径为绝对路径，避免层级混淆：

  import DoctorHospitalManagement from '@/components/DoctorHospitalManagement.vue'
  

• 确认文件存在性：手动前往vue/src/components目录，检查DoctorHospitalManagement.vue是否真实存在，有无拼写错误或被误删、移动。
• 清除缓存并重启项目：缓存可能导致路径解析异常，执行以下命令重置依赖并重启：

  npm clean --force
  rm -rf node_modules
  npm install
  npm run serve
  

• 检查Vue Router版本兼容性：Vue 2需搭配Vue Router 3.x，Vue 3需搭配Vue Router 4.x。通过npm list vue-router查看版本，不匹配则卸载重装对应版本：

  npm uninstall vue-router
  # Vue 2环境安装命令
  npm install vue-router@3
  # Vue 3环境安装命令
  npm install vue-router@4
  

内容的提问来源于stack exchange，提问作者Sinem Çalışkan