更新

package-lock.json

@@ -18,7 +18,7 @@
       "devDependencies": {
         "@vitejs/plugin-vue": "^4.2.3",
         "sass": "^1.69.5",
-        "typescript": "^5.0.2",
+        "typescript": "^5.2.2",
         "vite": "^4.4.5",
         "vue-tsc": "^1.8.5"
       }
@@ -4386,7 +4386,7 @@
     },
     "node_modules/typescript": {
       "version": "5.2.2",
-      "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.2.2.tgz",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
       "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
       "devOptional": true,
       "bin": {

package.json

@@ -19,7 +19,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
     "sass": "^1.69.5",
-    "typescript": "^5.0.2",
+    "typescript": "^5.2.2",
     "vite": "^4.4.5",
     "vue-tsc": "^1.8.5"
   }

src/App.vue

 <script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-import HomeView from './views/HomeView.vue'
+
 </script>
 
 <template>
-  <HomeView />
-  <HelloWorld msg="Vite + Vue" />
+  <router-view></router-view>
 </template>
 
 <style scoped>

src/assets/vue.svg

-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file

src/style.css

@@ -13,7 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-text-size-adjust: 100%;
 }
-
+*{
+  margin:0;
+  padding:0
+}
 a {
   font-weight: 500;
   color: #646cff;

src/views/HomeView.vue

@@ -8,7 +8,7 @@
         style="width:220px;"
       >
         <div style="height:50xp;line-height:50px;">
-          <img style="width:32px;height:32px;vertical-align:middle;margin-right:10px;" src="../assets/logo.png" alt="">
+          <img style="width:32px;height:32px;vertical-align:middle;margin-right:10px;" src="../assets/logo.ico" alt="">
           <span style="font-size: 18px;font-weight:bold;color:#fff;position: relative;top:3px;">欧畅云技术支持</span>
         </div>
         <el-menu-item index="0">
@@ -32,16 +32,16 @@
   </el-row>
 </template>
 
-<script lang="ts" setup>
+<script setup lang="ts" >
 import {
   Promotion,
   HomeFilled,
   Tools,
 } from '@element-plus/icons-vue'
-import welcome from '../components/welcome/welcome.vue'
+import Welcome from '../components/welcome/welcome.vue'
 
 comments:{
-  welcome
+  Welcome
 }
 const handleOpen = (key: string, keyPath: string[]) => {
   console.log(key, keyPath)

src/vite-env.d.ts

 /// <reference types="vite/client" />
+
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+  const vueComponent: DefineComponent<{}, {}, any>;
+  export default vueComponent;
+}
\ No newline at end of file

tsconfig.json

@@ -7,8 +7,7 @@
     "skipLibCheck": true,
 
     /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
+    "moduleResolution": "Node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,