vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue项目启动白屏

Vue项目启动白屏问题的几种解决办法

作者:芝士味奶酪

这篇文章主要给大家介绍了关于Vue项目启动白屏问题的几种解决办法,Vue项目打包后出现白屏的可能原因有很多,文中通过图文介绍的非常详细,需要的朋友可以参考下

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

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

router/index.js

main.js

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

有四种原因:

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

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

 3.路由导出写错routers

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

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

如果有这个错误,就是第四种情况. 

总结

到此这篇关于Vue项目启动白屏问题的几种解决办法的文章就介绍到这了,更多相关Vue项目启动白屏内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文