失效原因

• 检查文件名大小写是否正确，大小写会影响热更新
• @路径配置问题（我遇到的就是这个问题）

解决方案

• @路径配置修改如下

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  plugins: [vue()],
  // 路径别名
  resolve: {
    alias: {
      '@': resolve(__dirname, './src'),
    }
  },
  server: {
    open: true,
  }
})