下午滿懷信心的把之前創(chuàng)建的Vuetify工程部署到Heroku,外網(wǎng)可以訪問(wèn)了。
所以晚上打算按照官方的文檔做個(gè)簡(jiǎn)單的網(wǎng)頁(yè),誰(shuí)知道出現(xiàn)v-parallax不能用的問(wèn)題,開(kāi)發(fā)者工具中的報(bào)錯(cuò)信息是這樣的:

[Vue warn]: Unknown custom element: <v-parallax> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
由于本人在前端開(kāi)發(fā)方面是小白,剛上來(lái)遇到這種問(wèn)題真心沒(méi)啥思路,只能去官網(wǎng)和StackOverflow各種找答案,剛開(kāi)始懷疑創(chuàng)建工程的時(shí)候少加了依賴,結(jié)果補(bǔ)裝了一波,還是不行,后來(lái)懷疑是vuetify版本問(wèn)題,看到官方demo依賴的是1.1.14,更新完之后仍然不行。
最終看到在工程中的src/plugins/vuetify.js文件中有很多Vuetify自定義組件相關(guān)的依賴,比如 VNavigationDrawer, VFooter什么的,于是便嘗試著加一行parallax相關(guān)的VParallax(在源碼中搜出來(lái)的),沒(méi)想到結(jié)果就正常了。
當(dāng)然故事到這里還沒(méi)有結(jié)束,我剛才所說(shuō)到正常是指v-parallax使用網(wǎng)絡(luò)圖片的時(shí)候正常了,但是當(dāng)我嘗試引用本地圖片時(shí)發(fā)現(xiàn)又出問(wèn)題了,還好這次google一下很快找到答案了,vuetify中的自定義組件需要添加:src="require('@/assets/hero.jpeg')",其中 assets/hero.jpeg 就是存放在本地的圖片文件路徑了,到這里算是完美解決問(wèn)題了。
后續(xù):如果你使用的v-img時(shí)出現(xiàn)類似上面的信息,那么需要更新依賴的vuetify,我更新到了1.2.0,并且像上文提到的那樣添加了導(dǎo)入聲明,就可以正常使用了。
希望vuetify的開(kāi)發(fā)者在今后能修復(fù)一下這個(gè)問(wèn)題吧,否則對(duì)初學(xué)者來(lái)說(shuō)真心不是很友好。同時(shí)希望這篇填坑記錄能對(duì)后面的嘗試者提供幫助~