当前位置： 首页 > news >正文

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

news 来源：原创 2024/9/20 16:29:21

通过浏览器的页面元素选择定位到问题是因为路由没有正确加载，但是排查了路由文件，入口文件，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"),},

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 计算机视觉中，什么是上下文信息（contextual information）？
  • Ubuntu系统修改静态IP
  • 软件测试报告示例模板
  • 高效录屏攻略：电脑视频录制时声音同步捕获技巧，轻松搞定高清音质
  • 【C++二分查找】911. 在线选举
  • vue3定义响应式数据（ref,reactive）
  • 《中文Python穿云箭量化平台二次开发技术10》基于Tkinter的可视化股票池量化平台开发技术
  • 【Kubernetes知识点问答题】资源配额 / 访问控制
  • 摩托车加装车载手机充电usb方案/雅马哈USB充电方案开发
  • OpenCV结构分析与形状描述符（19）查找二维点集的最小面积外接旋转矩形函数minAreaRect()的使用
  • 数据库系统概论笔记（持续更新）
  • 控价中数据清洗有什么创新方法
  • 10款企业图纸加密软件大盘点｜2024企业图纸加密软件推荐
  • adb的安装和使用 以及安装Frida 16.0.10+雷电模拟器
  • 亚马逊、沃尔玛、敦煌网、Target塔吉特、Temu环境搭建测评技术！
  • 【Redis学习笔记】2018-06-28 redis命令源码学习1
  • 78. Subsets
  • angular2 简述
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • co模块的前端实现
  • Date型的使用
  • Docker: 容器互访的三种方式
  • iOS编译提示和导航提示
  • js继承的实现方法
  • Linux各目录及每个目录的详细介绍
  • log4j2输出到kafka
  • MySQL QA
  • sublime配置文件
  • 从 Android Sample ApiDemos 中学习 android.animation API 的用法
  • 记录：CentOS7.2配置LNMP环境记录
  • 区块链分支循环
  • 手写双向链表LinkedList的几个常用功能
  • -- 数据结构 顺序表 --Java
  • ionic异常记录
  • Redis4.x新特性 -- 萌萌的MEMORY DOCTOR
  • 进程与线程（三）——进程/线程间通信
  • ！！java web学习笔记(一到五)
  • （1）安装hadoop之虚拟机准备（配置IP与主机名）
  • (2009.11版)《网络管理员考试 考前冲刺预测卷及考点解析》复习重点
  • (a /b)*c的值
  • （附源码）springboot“微印象”在线打印预约系统 毕业设计 061642
  • （附源码）ssm经济信息门户网站 毕业设计 141634
  • （论文阅读30/100）Convolutional Pose Machines
  • (三分钟了解debug)SLAM研究方向-Debug总结
  • （一）python发送HTTP 请求的两种方式(get和post )
  • （一）模式识别——基于SVM的道路分割实验（附资源）
  • （转）原始图像数据和PDF中的图像数据
  • .aanva
  • .form文件_一篇文章学会文件上传
  • .java 指数平滑_转载：二次指数平滑法求预测值的Java代码
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler
  • .NET教程 - 字符串 编码 正则表达式（String Encoding Regular Express）
  • .Net接口调试与案例
  • .one4-V-XXXXXXXX勒索病毒数据怎么处理|数据解密恢复
  • .pop ----remove 删除