Vue项目启动白屏问题

这篇具有很好参考价值的文章主要介绍了Vue项目启动白屏问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

首先,如果项目能够启动,且控制台没有报错,那么首先去排除路由问题。

先看一下主要的文件配置:

router/index.js

vue运行没问题但是页面空白,vue.js,前端,javascript

main.js

控制台没有报错,但是项目页面空白

vue运行没问题但是页面空白,vue.js,前端,javascript

 有四种原因:

1.查看你是否配置了两个

vue运行没问题但是页面空白,vue.js,前端,javascript

 2.APP.vue文件没有添加<router-view/>

vue运行没问题但是页面空白,vue.js,前端,javascript

 3.路由导出写错routers

vue运行没问题但是页面空白,vue.js,前端,javascript

 4.在main.js中导入的是Router,需要改成小写router就好了。

vue运行没问题但是页面空白,vue.js,前端,javascript

 如果页面空白,最好还是看一下F12有没有报错

vue运行没问题但是页面空白,vue.js,前端,javascript

如果有这个错误,就是第四种情况. 文章来源地址https://www.toymoban.com/news/detail-768092.html

到了这里,关于Vue项目启动白屏问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3在运行时路由可以正常跳转,但是页面空白,刷新页面恢复正常[已解决]

    vue3在运行时路由可以正常跳转,但是页面空白,刷新页面恢复正常,在网上寻找很久说是keepAlive的原因,后来看了看我的代码~ 原来的代码: 改后的代码: 由此可见,根元素一定要由一个div去包裹住! template必须有且只能有一个div 在这样才会正常显示~ 原理: 这里我们要先

    2023年04月27日
    浏览(39)
  • vue-cli + vue3 项目 ios 苹果手机白屏问题

    vue-cli + vue3 的项目,在苹果手机上打开白屏,安卓手机正常显示。 1,借助 vconsole 发现并没有打印报错信息,并且没有请求发出。初步判断可能是 js 新语法的问题(因为安卓手机没有问题)。 2,原本最优的方案是,通过 mac 链接苹果手机,可以直接在 mac 上看到苹果手机的控

    2024年02月01日
    浏览(27)
  • vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接

    vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接。 出现原因:端口号8081被占用 解决办法: 1、先查看端口号,win+R打开命令提示符,输入netstat -an,出现很多端口 如图 2、输入netstat -aon|findstr \\\"8081\\\" 查看 (此处我查看的端口号是8081) 出现如图所

    2024年02月11日
    浏览(33)
  • 关于黑马项目SpringBoot章节的整合内容:postman测试通过,但是vue页面无法显示内容解决

    调了三个多小时终于解决了 我真的哭死 这是一直没有调试出来的图片 idea和Postman中都能显示   但是页面无法显示         在黑马程序员springboot学习章节,项目名叫做 springboot_08_ssmp中,在做图书管理系统时,视频中定义了一个R类,用来封装Controller返回的数据。看过视频的

    2024年02月12日
    浏览(34)
  • 【VUE】解决VU2项目图片视频加载缓慢/首屏加载白屏的问题

    前端项目中,有时候会出现图片视频加载缓慢、首屏加载白屏的问题 之前写了一篇在VU3项目中的解决方案, 现在讲一下在 Vue2 项目中的解决方法,方法思路都差不多,在代码示例上会有一些小差别 通常是由以下原因导致的: 图片或视频格式不当 :如果图片或视频格式选择

    2024年02月16日
    浏览(30)
  • VIVO手机调试Flutter应用卡在启动页面 黑屏 白屏问题

    vivo系统android13发现调试flutter应用卡在启动页 并且没有任何报错,问题如下 https://github.com/flutter/flutter/issues/117019 我猜这跟vivo瞎几把隐藏系统log有关。 需要你提供imei1给vivo开发授权才能正常调试。 步骤如下 1 拨号盘输入 *#06# 长按复制imei1备用 2.添加企业人员联系 3002261823 3

    2024年02月13日
    浏览(33)
  • vue项目成功启动但页面加载不出来

    vue项目成功启动但页面加载不出来,网上找了好久,都不对; 1。页面空白        2.路由地址错误          3.为加路由占位符         4地址多写‘/’等都不是   最后才发现时我把routes写成了routers

    2024年02月14日
    浏览(31)
  • 配置vue项目启动后自动打开浏览器,出现网址跳转错误问题:网址为http://0.0.0.0:8080/ 的页面可能存在问题,或者已永久移动到新的网址。

    我们在Vue项目package.js文件里配置启动后启动后自动打开浏览器时,也就是加上–open 会出现以下问题: 解决方法: 在vue.config.js文件里做修改:

    2024年02月11日
    浏览(47)
  • Vue项目启动后跳转到制定路由页面

    今天把自己的项目布局完成了,但是想在项目启动的时候默认跳转到登录页面。 这其实需要借助路由实现跳转 开始编写之前,大家可以看下我的布局: 关于如何安装并使用路由,可以参考:Vue安装并使用路由和路由器 需要对index.js进行修改,根据需求配置需要跳转的那个组

    2024年01月18日
    浏览(61)
  • docker启动rabbitmq,但是页面加载不出来问题解决

    首先docker启动rabbitmq -d 后台运行 -p 映射外部端口 -- name 取名(方便管理)  然后发现,成功启动rabbitmq,却加载不进去 因为你下载的是rabbitmq的latest的版本,没有管理界面的权限,你可以 方法1 不用 latest 版本,用 management 版本,management版本已经默认开启了管理界面的权限,

    2024年02月12日
    浏览(24)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包