修改配置

src/pages/home/index.tsx

@@ -1,12 +1,12 @@
 import { defineComponent } from "vue";
+import LiveBroadcast from '/src/components/live-broadcast'
 
 export default defineComponent({
   render() {
     return (
       <div>
-        <h1>Home</h1>
-        <p>This is the home page.</p>
+        <LiveBroadcast/>
       </div>
     )
   }
-});
+});

tsconfig.json

@@ -9,7 +9,13 @@
     "sourceMap": true,
     "resolveJsonModule": true,
     "esModuleInterop": true,
-    "lib": ["esnext", "dom"]
+    "lib": ["esnext", "dom"],
+    "baseUrl": ".",
+    "paths": {
+      "/src/*": [
+        "src/*"
+      ]
+    },
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]

vite.config.ts

@@ -12,7 +12,7 @@ export default defineConfig({
   // '/src': resolve(__dirname, './src')
   resolve: {
     alias: {
-      '@': resolve(__dirname, './src')
+      '/src': resolve(__dirname, './src'),
     }
   },
   plugins: [