[问题] 新手刚碰Vue 页面无法显示component

楼主: Louisay11 (水怪)   2019-06-29 02:57:13
想请问各位高手们
小的刚摸索Vue.js
刚建立好的Component要如何顺利显示在网页上呢?
我使用了webpack建立了专案
刚开始localhost开启网页还有Hello Vue
之后新增了component test.vue
开启localhost一直是空白页
新增的component一直无法显示
即使我把test.vue删除
让档案跟原本刚建立时一样
连Hello Vue都无法再显示了
但localhost又可以显示index.html的内容
我google了半天,发现大家都可以顺利显示Component
也参考了相关路由设定
还是无法显示我的Component!!
求解~
感谢大家
作者: VdustR (京)   2019-06-29 04:10:00
要不要从 vue cli 3 开始试试?
作者: luckynu (黑得发亮)   2019-06-29 07:40:00
应该有不能显示时的错误文字,是否可以贴出来看看我觉得是port没打,index.html可以显示,我觉得是有安装php的套件,但是vue应该是用node.js中运行的test.vue无法显示,可能是程式码的问题,需要贴出程式码来才能帮忙看水晶球debug的功力不足
作者: shter (飞梭之影)   2019-06-29 10:32:00
你有用 Vue-router 的话注意一下 hash 内容是否完全吻合
作者: at5lp6andy (兔子角傲地滴仿)   2019-06-29 17:19:00
开网页的时候网址是localhost:8080/#/test吗
楼主: Louisay11 (水怪)   2019-06-29 18:21:00
是的,就是这串,但完全空白页面,怎么会这样QQ
作者: at5lp6andy (兔子角傲地滴仿)   2019-06-29 18:35:00
看一下F12的console有没有错误讯息,有的话贴上来,这样比较好判断
作者: Nonsense8 (胡说)   2019-06-29 19:29:00
devtool贴上来吧,还有routes的name怎么会是/test还有刚摸vue.js最好别从vue-cli上手...这样会让你”误会”很多东西
作者: shter (飞梭之影)   2019-06-29 20:00:00
你在 routes 加一个 {path: '*', component:HelloWorld}再打开看看是不是跑到 HelloWorld 就知道是否路由匹配错误另外你可以在 new Vue({ 前加 window.test1 = new Vue({这样到浏览器可以 console 内方便 debugwindow.test1.$route 可以看到它运行的 path 资讯
楼主: Louisay11 (水怪)   2019-06-30 00:07:00
好的,感谢大家

Links booklink

Contact Us: admin [ a t ] ucptt.com