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"),
  },
相关推荐
ldj202011 天前
vue3整合element-plus
vue3
夜空孤狼啸15 天前
前端常用拖拽组件库(vue3、react、vue2)
前端·javascript·react.js·typescript·前端框架·vue3
sunshine_程序媛16 天前
vue3中的watch和watchEffect区别以及demo示例
前端·javascript·vue.js·vue3
meng半颗糖17 天前
vue3 双容器自动扩展布局 根据 内容的多少 动态定义宽度
前端·javascript·css·vue.js·elementui·vue3
3D虚拟工厂17 天前
3D虚拟工厂
3d·vue3·blender·数字孪生·three.js
霸王蟹21 天前
前端项目Excel数据导出同时出现中英文表头错乱情况解决方案。
笔记·学习·typescript·excel·vue3·react·vite
佚名猫25 天前
vue3+vite+pnpm项目 使用monaco-editor常见问题
前端·vue3·vite·monacoeditor
技术闲聊DD1 个月前
Vue3学习(4)- computed的使用
vue3·computed
蓝胖子的多啦A梦1 个月前
Vue3 (数组push数据报错) 解决Cannot read property ‘push‘ of null报错问题
前端·vue3·push·数组数据
有梦想的攻城狮1 个月前
从0开始学vue:vue3和vue2的关系
前端·javascript·vue.js·vue3·vue2