[問題] 新手剛碰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