typescript + vue 项目通过yarn打包后丢到服务器上打开报错，本地运行没问题

如图所示，感觉是路由加载的问题，麻烦大佬看下代码

name 报undefined的地方是这里

index.ts

import Vue from 'vue';
import VueRouter from 'vue-router';
import routeConfig from './route-config';

Vue.use(VueRouter);
const router = new VueRouter(routeConfig);

export default router;

route-config.ts

import { RouterOptions } from 'vue-router';

const pageMap = {};

const requireComponent = require.context('@/views', false, /.vue$/);
requireComponent.keys().forEach((filename) => {
  const component = requireComponent(filename).default;
  const { name } = component;
  pageMap[name] = {
    name,
    path: `/${name}`,
    component,
  };
});

const routes = Object.keys(pageMap).map((name) => pageMap[name]);

const routerConfig: RouterOptions = {
  base: process.env.BASE_URL,
  routes: [
    {
      path: '*',
      redirect: 'homePage',
    },
    {
      path: '/',
      redirect: 'homePage',
    },
    ...routes,
  ],
};
export default routerConfig;

经过分析是打包后通过require.context 批量导入文件的时候这里好像被压缩了