vue3页面是空白页，没有显示

最新推荐文章于 2025-02-06 18:30:38 发布

Lysun001

最新推荐文章于 2025-02-06 18:30:38 发布

阅读量1.9k

点赞数 8

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/lotpyve/article/details/145134009

版权

这是一个标签使用的问题，假如在根标签（不过vue3组件可以直接不用添加根标签） div 里面直接嵌套一个 template 标签，就是会导致页面是空白页

解决办法，直接把根标签里面的 template 标签去掉就好了，反正 template 标签最终也不会渲染到 dom 里面

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Lysun001

关注关注

8
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue3 点击标签跳转路由正常切换其他标签后页面空白问题

朝花夕拾的博客

06-08

341

放在一个div里面显示正常 vue3不是说可以有多个根组件吗有了解的告知下麻烦~组件模板出现多个div vue3已支持多个根标签但是这样写会导致页面空白。

vue点击页面空白处实现保存功能

10-16

在Vue开发过程中，有时我们需要实现特定的交互效果，例如点击页面空白处实现保存功能。这个功能常见于编辑表格等场景，允许用户双击表格行进行编辑，然后在点击其他非编辑区域时自动保存更改。以下将详细介绍如何在...

参与评论您还未登录，请先登录后发表或查看评论

vue3部署到服务器，页面空白，资源找不到问题

游九尘的博客

08-12

564

修改 vite.config.js。

以为是响应式对象丢失导致数据没有回显

最新发布

weixin_47617631的博客

02-06

471

vue3时，ref标记的form表单的引用对象必须在js中声明

vue3 项目中出现的空白页面的总结

lalalalamjm的博客

10-25

2877

去年和今年着手的两个项目都有出现这个问题，查空白页面的问题相当恶心，没有头绪只能一点点的删除代码排查，第一个项目当时用的技术是vue3 + element-plus，空白页出现的原因是页面在加载elementPlus的数据表格时，数据需要二次处理用到map或filter(具体是用的forEach还是filter记不清楚了)重新整合数据，用map可以避免空白，filter会导致页面有空白，具体是什么原因，也没有想清楚，解决办法是换成map循环数据就没有问题。

【踩坑】Vue3项目正常跑动后页面空白问题

Vivien_CC的博客

09-07

1557

近期踩了个坑，Vue3搭建的项目能够正常跑动，但是页面却是空白的，控制台也不报错，只留下一行警告：发现是 router 入口文件（一般是在 router 文件夹下的 index 里面）的写法和 vite 版本不匹配的问题。随着 Vite 版本的更新，一些 API 可能会发生变化或被弃用，这会导致在升级 Vite 或项目迁移时遇到兼容性问题。我遇到的问题正是因为 Vite 的版本更新导致了 import.meta.globEager 的使用方式变化。

vue3项目部署到服务器，页面显示空白页

challenglistic的博客

08-17

3423

vue3项目部署到服务器，页面显示空白页

vue3-print-nb 表格打印分页，第一页有空白的情况出现解决方法（两种：一种原生，一种基于element表格）

weixin_42388872的博客

08-06

1137

vue3-print-nb 表格打印第一种：基于element表格分页。第二种基于原生表格分页。

vue项目出现页面空白的解决方案

10-16

在使用Vue.js框架进行前端开发时，页面空白问题是比较常见的一个问题，它可能导致用户无法正常浏览页面内容。当我们遇到这样的问题时，需要从多个角度入手进行排查和解决。首先，要理解Vue项目的路由工作原理。Vue...

VUE 解决mode为history页面为空白的问题

10-16

如果服务器没有配置相应的处理逻辑，那么返回的结果将是404（未找到）错误，导致页面空白。 **解决方案：** 要解决这个问题，你需要进行两方面的设置： 1. **前端配置：** 在开发环境中，你需要在`webpack-dev-...

Vue下路由History模式打包后页面空白的解决方法

08-27

History 模式可以解决这些问题，但是新手往往会碰到 History 模式打包后页面空白的情况，这个问题是因为 Vue 官方没有正确地配置路由的 base 参数所导致的。解决方法是，在 vue-router 的配置中添加 base 参数，...

vue项目打包后打开页面空白解决办法

01-21

网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。 1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的...

vue3 Transition 属性 mode=“out-in“ 页面跳转出现空白

weixin_50587417的博客

05-15

2136

vue3 Transition 属性 mode="out-in" 页面跳转出现空白

vue页面不显示

weixin_48927323的博客

05-25

5261

-某个页面东西忘记了没写完......--哪里挂载vue上的什么东西干扰到。--检查路由配置，书写书否规范正确。页面死活不显示以及不报任何错误。--查找是否有中文路径。2.不要使用中文路径。

Vue3: 路由多次点击,只路由跳转,但是页面不显示

西魏陶渊明的博客

03-13

1285

Vue3: 路由多次点击,只路由跳转,但是页面不显示

踩坑记录（vue3路由跳转，路径改变了但是页面还是空白）

m0_62956518的博客

07-15

431

部分原因：在template标签内部写了注释，猜测原因，template标签内部只能有一个一级标签，但是加了注释之后会将注释也识别为标签，所以跳转成功但是页面还是显示空白的，该原因在控制台不会报错。

Vue页面跳转，页面为空白的问题

blacksix的博客

12-02

4532

记录一下页面跳转，页面为空白的问题，原本，我登录成功后想跳转到index首页的，然后我死命的点击它，它死活就是显示空白页面，后面发现需要在router文件夹中的index.js中配置其路由，而且注意，其路由不能写在调用父路由的上面，否则不生效，index.js配置。

vue3封装而成的APP ，在版本更新后，页面显示空白

qq_55681529的博客

12-24

805

更新之后页面空白，打不开，主要是由于缓存造成的。

Vue3 vite build 之后不显示页面内容，只显示空白，也没有报错如何解决

热门推荐

学习笔记

04-11

1万+

添加 base，意思是 build 之后的外部资源都从当前目录的相对路径获取。我不知道是什么原理哈，反正是管用，之前在没有使用。中关闭这个选项的，所以差不多的事应该。这样在 build 之后就能正常显示了。

vue3打包之后index页面空白

09-19

通常情况下，当Vue3打包后，如果index页面显示为空白，可能会有以下几个原因： 1. 路径配置问题：当Vue3打包后，你需要确保打包后的文件路径是正确的。首先，检查index.html文件中的script标签的src路径是否正确指向了打包后的bundle.js文件。其次，也要确保打包后的资源文件（如图片、样式表等）的路径配置正确。 2. 缺少运行所需的依赖：如果index页面显示为空白，也有可能是由于缺少Vue3运行所需的依赖。你可以通过在控制台中查看错误消息来确定是否存在缺失的依赖项。请确保你已经正确地安装并引入了所需的Vue3依赖。 3. 构建配置问题：如果你对Vue3的构建配置进行了自定义，可能会导致index页面显示为空白。请检查你的构建配置文件（如webpack配置文件）中是否存在错误或不合理的配置。 4. Vue3版本不兼容问题：如果你使用的是Vue3的早期版本，可能会存在某些Bug或兼容性问题导致index页面显示为空白。在这种情况下，你可以尝试更新Vue3到最新的稳定版本，或者查看Vue3官方文档中是否存在已知的类似问题及其解决方法。总结：如果Vue3打包后的index页面显示为空白，可能是路径配置问题、缺少依赖、构建配置问题或版本兼容性问题等原因所致。需要逐一排查，并根据具体情况采取相应的解决措施。