Fork of Health Management System

我很生气，我修改后仍然出现了错误： Error: The following dependencies are imported but could not be resolved: ant-design-vue/dist/antd.css (imported by D:/vue-project/health-management-system-User/src/main.ts) @/services/api (imported by D:/vue-project/health-management-system-User/src/stores/user.ts) @/stores/user (imported by D:/vue-project/health-management-system-User/src/layouts/DashboardLayout.vue?id=0) @/components/NavigationMenu.vue (imported by D:/vue-project/health-management-system-User/src/layouts/DashboardLayout.vue?id=0) Are they installed? at file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:18788:15 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:52119:28 15:58:32 [vite] Pre-transform error: Failed to resolve import "ant-design-vue/dist/antd.css" from "src/main.ts". Does the file exist? Plugin: vite:import-analysis File: D:/vue-project/health-management-system-User/src/main.ts:7:7 5 | import router from "./router"; 6 | import "ant-design-vue/dist/reset.css"; 7 | import "ant-design-vue/dist/antd.css"; | ^ 8 | import "./assets/main.css"; 9 | const app = createApp(App); 15:58:32 [vite] Internal server error: Failed to resolve import "ant-design-vue/dist/antd.css" from "src/main.ts". Does the file exist? Plugin: vite:import-analysis File: D:/vue-project/health-management-system-User/src/main.ts:7:7 5 | import router from "./router"; 6 | import "ant-design-vue/dist/reset.css"; 7 | import "ant-design-vue/dist/antd.css"; | ^ 8 | import "./assets/main.css"; 9 | const app = createApp(App); at TransformPluginContext._formatLog (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:47802:41) at TransformPluginContext.error (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:47799:16) at normalizeUrl (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:45942:23) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:46061:37 at async Promise.all (index 6) at async TransformPluginContext.transform (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:45988:7) at async EnvironmentPluginContainer.transform (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:47597:18) at async loadAndTransform (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:41305:27) at async viteTransformMiddleware (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:42761:24) 15:58:32 [vite] (client) Pre-transform error: Failed to resolve import "@/components/NavigationMenu.vue" from "src/layouts/DashboardLayout.vue". Does the file exist? Plugin: vite:import-analysis File: D:/vue-project/health-management-system-User/src/layouts/DashboardLayout.vue:43:27 3 | import { useRouter } from "vue-router"; 4 | import { DownOutlined } from "@ant-design/icons-vue"; 5 | import NavigationMenu from "@/components/NavigationMenu.vue"; | ^ 6 | import { useUserStore } from "@/stores/user"; 7 | const _sfc_main = /* @__PURE__ */ _defineComponent({ 15:58:32 [vite] (client) Pre-transform error: Failed to resolve import "@/services/api" from "src/stores/user.ts". Does the file exist? Plugin: vite:import-analysis File: D:/vue-project/health-management-system-User/src/stores/user.ts:4:47 1 | import { defineStore } from "pinia"; 2 | import { ref, computed } from "vue"; 3 | import { login as apiLogin, getUserInfo } from "@/services/api"; | ^ 4 | import { useAppStore } from "./app"; 5 | export const useUserStore = defineStore("user", () => { 15:58:33 [vite] (client) ✨ new dependencies optimized: vue, pinia, ant-design-vue, vue-router, ant-design-vue/es/locale/zh_CN 15:58:34 [vite] (client) ✨ new dependencies optimized: @ant-design/icons-vue, echarts 15:58:34 [vite] (client) ✨ optimized dependencies changed. reloading 15:58:34 [vite] Pre-transform error: Failed to resolve import "ant-design-vue/dist/antd.css" from "src/main.ts". Does the file exist? Plugin: vite:import-analysis File: D:/vue-project/health-management-system-User/src/main.ts:7:7 5 | import router from "./router"; 6 | import "ant-design-vue/dist/reset.css"; 7 | import "ant-design-vue/dist/antd.css"; | ^ 8 | import "./assets/main.css"; 9 | const app = createApp(App); 15:58:34 [vite] (client) Pre-transform error: Failed to resolve import "@/services/api" from "src/stores/user.ts". Does the file exist? Plugin: vite:import-analysis File: D:/vue-project/health-management-system-User/src/stores/user.ts:4:47 1 | import { defineStore } from "pinia"; 2 | import { ref, computed } from "vue"; 3 | import { login as apiLogin, getUserInfo } from "@/services/api"; | ^ 4 | import { useAppStore } from "./app"; 5 | export const useUserStore = defineStore("user", () => { 15:58:34 [vite] (client) Pre-transform error: Failed to resolve import "@/components/NavigationMenu.vue" from "src/layouts/DashboardLayout.vue". Does the file exist? Plugin: vite:import-analysis File: D:/vue-project/health-management-system-User/src/layouts/DashboardLayout.vue:43:27 3 | import { useRouter } from "vue-router"; 4 | import { DownOutlined } from "@ant-design/icons-vue"; 5 | import NavigationMenu from "@/components/NavigationMenu.vue"; | ^ 6 | import { useUserStore } from "@/stores/user"; 7 | const _sfc_main = /* @__PURE__ */ _defineComponent({ 15:58:34 [vite] Internal server error: Failed to resolve import "ant-design-vue/dist/antd.css" from "src/main.ts". Does the file exist? Plugin: vite:import-analysis File: D:/vue-project/health-management-system-User/src/main.ts:7:7 5 | import router from "./router"; 6 | import "ant-design-vue/dist/reset.css"; 7 | import "ant-design-vue/dist/antd.css"; | ^ 8 | import "./assets/main.css"; 9 | const app = createApp(App); at TransformPluginContext._formatLog (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:47802:41) at TransformPluginContext.error (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:47799:16) at normalizeUrl (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:45942:23) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:46061:37 at async Promise.all (index 6) at async TransformPluginContext.transform (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:45988:7) at async EnvironmentPluginContainer.transform (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:47597:18) at async loadAndTransform (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:41305:27) at async viteTransformMiddleware (file:///D:/vue-project/health-management-system-User/node_modules/vite/dist/node/chunks/dep-CfG9u7Cn.js:42761:24) 我的vite.config.ts内容为： import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vite.dev/config/ export default defineConfig({ plugins: [vue()], }) 我的tsconfig.node.json内容为： { "compilerOptions": { "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", "target": "ES2022", "lib": [ "ES2023" ], "module": "ESNext", "skipLibCheck": true, /* Bundler mode */ "moduleResolution": "bundler", "allowImportingTsExtensions": true, "isolatedModules": true, "moduleDetection": "force", "noEmit": true, /* Linting */ "composite": true, "strict": true, "noUnusedLocals": true, "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, "noUncheckedSideEffectImports": true }, "include": [ "vite.config.ts" ] } 我的tsconfig.hson内容为： { "files": [], "references": [ { "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" } ] } 我的tsconfig.app.json内容为： { "extends": "@vue/tsconfig/tsconfig.dom.json", "compilerOptions": { "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", /* Linting */ "composite": true, "strict": true, "noUnusedLocals": true, "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, "noUncheckedSideEffectImports": true }, "include": [ "src/**/*.ts", "src/**/*.tsx", "src/**/*.vue" ] } 我的main.ts内容为： import { createApp } from "vue" import { createPinia } from "pinia" import App from "./App.vue" import Antd from "ant-design-vue" import router from "./router" import 'ant-design-vue/dist/reset.css'; // 重置样式 import 'ant-design-vue/dist/antd.css'; // Ant Design Vue 样式 import "./assets/main.css" const app = createApp(App) app.use(createPinia()) app.use(router) app.use(Antd) app.mount("#app") 我的src/layouts/DashboardLayout.vue为： <template> <a-layout style="min-height: 100vh"> <a-layout-sider v-model:collapsed="collapsed" collapsible> <div class="logo" /> <NavigationMenu /> </a-layout-sider> <a-layout> <a-layout-header style="background: #fff; padding: 0"> <a-row justify="end" align="middle" style="height: 100%"> <a-col :span="4"> <a-dropdown> <a class="ant-dropdown-link" @click.prevent> {{ userStore.user?.username }} <down-outlined /> </a> <template #overlay> <a-menu> <a-menu-item key="0"> <router-link to="/settings">设置</router-link> </a-menu-item> <a-menu-item key="1" @click="handleLogout"> 登出 </a-menu-item> </a-menu> </template> </a-dropdown> </a-col> </a-row> </a-layout-header> <a-layout-content style="margin: 0 16px"> <router-view></router-view> </a-layout-content> <a-layout-footer style="text-align: center"> Health Management System ©2024 Created by Your Company </a-layout-footer> </a-layout> </a-layout> </template> <script setup lang="ts"> import { ref } from 'vue' import { useRouter } from 'vue-router' import { DownOutlined } from '@ant-design/icons-vue' import NavigationMenu from '@/components/NavigationMenu.vue' import { useUserStore } from '@/stores/user' const collapsed = ref<boolean>(false) const router = useRouter() const userStore = useUserStore() const handleLogout = () => { userStore.logout() router.push('/login') } </script> <style scoped> .logo { height: 32px; margin: 16px; background: rgba(255, 255, 255, 0.3); } </style> 我的src/stores/user.ts为： import { defineStore } from "pinia" import { ref, computed } from "vue" import type { User } from "../types" import { login as apiLogin, getUserInfo } from "@/services/api" import { useAppStore } from "./app" export const useUserStore = defineStore("user", () => { const user = ref<User | null>(null) const isLoggedIn = computed(() => !!user.value) const appStore = useAppStore() function setUser(newUser: User | null) { user.value = newUser } async function login(username: string, password: string) { try { appStore.setLoading(true) const response = await apiLogin({ username, password }) localStorage.setItem("token", response.data.token) await fetchUserInfo() } catch (error) { appStore.setError("登录失败，请检查您的用户名和密码") } finally { appStore.setLoading(false) } } async function fetchUserInfo() { try { appStore.setLoading(true) const response = await getUserInfo() setUser(response.data) } catch (error) { appStore.setError("获取用户信息失败") logout() } finally { appStore.setLoading(false) } } function logout() { user.value = null localStorage.removeItem("token") } return { user, isLoggedIn, setUser, login, logout, fetchUserInfo, } }) 我的目录为上图请你详细扫描整个流程中的错误并改正，告诉我错误原因并引导我纠错，将修改后准确无误的代码发送给我