vue3项目，本地页面正常显示，打包后页面空白

通过浏览器的页面元素选择定位到问题是因为路由没有正确加载，但是排查了路由文件，入口文件，vite.config.js文件，都没有发现任何问题，直到将路由文件里面的按需加载页面文件改成直接加载，才正确渲染出了页面，才发现按需加载写错了
错误写法

  {
    path: "/login",
    name: "login",
    hidden: false,
    component: import("@/pages/login/login.vue"),  //import应该放在一个函数里面
  },

正确写法

  {
    path: "/login",
    name: "login",
    hidden: false,
    component: () => import("@/pages/login/login.vue"),
  },