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

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

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

正确写法

javascript 复制代码
  {
    path: "/login",
    name: "login",
    hidden: false,
    component: () => import("@/pages/login/login.vue"),
  },
相关推荐
西凉河的葛三叔5 小时前
vue3+elementui-plus el-dialog全局配置点击空白处不关闭弹窗
前端·vue3·elementui-plus
xiaohuatu6 小时前
CSRF保护--laravel进阶篇
vue3·laravel·csrf
半度℃温热5 天前
ERROR TypeError: AutoImport is not a function
webpack·vue3·element-plus·插件版本·autoimport
朝阳396 天前
vue3 中直接使用 JSX ( lang=“tsx“ 的用法)
vue3·tsx·jsx
xcLeigh6 天前
VUE3实现简洁的特色美食网站源码
前端·源码·vue3
陈逸子风9 天前
(系列十一)Vue3框架中路由守卫及请求拦截(实现前后端交互)
vue3·webapi·权限·流程·表单
爱分享的Hayes小朋友10 天前
如何用post请求调用Server-Sent Events服务
前端·vue3·sse·post
Coisini_甜柚か13 天前
打字机效果显示
前端·vue3·antv
Modify_QmQ13 天前
初识Electron & 进程通信
electron·vue3·桌面端
Bessie23413 天前
实现 Nuxt3 预览PDF文件
pdf·vue3·nuxt3