由于一时疏忽，import的组件，路径是小写的，结果写错了为大写，结果悲剧了，导致修改该文件，热更新失败…

关联项目：leanboot-vue3,leanboot-micro

一、问题描述

leanboot-vue3工程，采用vite+vue3进行构建，框架组件/src/layout/Main.vue，在修改后，热更新失败，在终端中没有出现：[vite] hmr update …等

结果发现：路由import的Main.vue是路径大小写引起的

//错误写法，layout写错为Layout
import Main from '@/Layout/Main.vue';
//1.公共路由
export const commonRoutes = [
    {
        path: '',
        name: 'appIndex',
        component: Main,
        redirect: '/index',
        children: [
            {
                path: '/index',
                component: () => import('@/views/index'),
                name: 'index'
            }
        ]
    },
];
//以上代码，会导致Main.vue热更新失败

二、总结

原来import命令使用，文件路径是区分大小写的