Vuetify:使用v-parallax时报错

下午满怀信心的把之前创建的Vuetify工程部署到Heroku,外网可以访问了。
所以晚上打算按照官方的文档做个简单的网页,谁知道出现v-parallax不能用的问题,开发者工具中的报错信息是这样的:

[Vue warn]: Unknown custom element: <v-parallax> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

由于本人在前端开发方面是小白,刚上来遇到这种问题真心没啥思路,只能去官网和StackOverflow各种找答案,刚开始怀疑创建工程的时候少加了依赖,结果补装了一波,还是不行,后来怀疑是vuetify版本问题,看到官方demo依赖的是1.1.14,更新完之后仍然不行。
最终看到在工程中的src/plugins/vuetify.js文件中有很多Vuetify自定义组件相关的依赖,比如 VNavigationDrawer, VFooter什么的,于是便尝试着加一行parallax相关的VParallax(在源码中搜出来的),没想到结果就正常了。
当然故事到这里还没有结束,我刚才所说到正常是指v-parallax使用网络图片的时候正常了,但是当我尝试引用本地图片时发现又出问题了,还好这次google一下很快找到答案了,vuetify中的自定义组件需要添加:src="require('@/assets/hero.jpeg')",其中 assets/hero.jpeg 就是存放在本地的图片文件路径了,到这里算是完美解决问题了。

后续:如果你使用的v-img时出现类似上面的信息,那么需要更新依赖的vuetify,我更新到了1.2.0,并且像上文提到的那样添加了导入声明,就可以正常使用了。

希望vuetify的开发者在今后能修复一下这个问题吧,否则对初学者来说真心不是很友好。同时希望这篇填坑记录能对后面的尝试者提供帮助~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 14,757评论 0 38
  • Heroku平台 Heroku平台的灵活性极高且支持多种编程语言。若想把程序部署到Heroku上,开发者要使用Gi...
    超net阅读 105,757评论 12 56
  • 一部非常温柔的荒岛求生记,片中资源抢夺、各自为营、部落斗争等等的桥段都只是意思意思点到为止,那块神奇的陨石把一大群...
    蕴_Caroline阅读 3,602评论 0 4
  • 眼前净是生活的苟且 进化了大脑却禁锢着身体 画地为牢演着一个人的悲剧 渴望伙伴,渴望冒险 渴望人懂和人怜 看看周围...
    大雄部落阅读 1,522评论 0 0
  • 一.SQL Structured Query Language 结构化查询语言 结构化查询语言(Structure...
    得一切从简阅读 7,196评论 0 1

友情链接更多精彩内容