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