欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

解决微信小程序 [Component] slot ““ is not found.

发布时间:2024/8/23 编程问答 69 豆豆
生活随笔 收集整理的这篇文章主要介绍了 解决微信小程序 [Component] slot ““ is not found. 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

解决方式

当使用自定义组件或者slot标签作为组件A的插槽内容时,在组件A中必须定义一个默认插槽,对普通view等标签无限制。且因为wx:if为false的插槽等同没有定义

场景复现(仅以自己遇到情况为例)

1、调试基础库2.19.4
2、使用weapp 的组件包,以其中的van-search组件为例
3、在任意页面中使用 van-search,控制台会出现[Component] slot "" is not found.的警告,不影响程序运行,只是看着不爽

排查过程

按照报错的字面意思 为 使用了一个未定义的默认插槽
先看正常的默认插槽用例
例有:自定义组件custom

//自定义组件 custom <view><slot></slot> </view>

在另外一个组件|页面home中使用custom

// home <custom><view>22</view> </custom>

以上用法就是使用默认插槽,且控制台不会有任何警告,即使把custom中的slot去掉也不会有警告出现,但是当把自定义组件或者是一个slot标签作为插槽的内容,且custom中没有默认插槽,就会出现[Component] slot "" is not found.的警告

以van-search 为例,在van-search中存在这么一段结构

这里是以两个slot作为van-filed的插槽内容,进入到van-filed 会发现并没有定义默认插槽,此时在van-field的任意位置添加一个默认插槽,刷新之后控制台不会出现之前的警告信息

再以van-popup为例,虽然有默认slot但是因为wx:if 初始值为false导致初始解析时跳过

总结

以上是生活随笔为你收集整理的解决微信小程序 [Component] slot ““ is not found.的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。