她把左手的命运交给了右手,右手犹豫了一下,还是接住了。——宫白云

今天用了这样一个组件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<template>
<div>
<div v-for="(item, index) in list">
<slot :item="item" />
</div>
</div>
</template>

<script>
export default {
data() {
return {};
},
props: {
list: {
type: Array,
default: []
}
}
};
</script>

<style></style>

这里在v-for中放了slot

所以我在另一个页面使用的时候,小程序警告

1
VM1103 WAService.js:2 [Component] slot "" duplication is found under a single shadow root. The first one was accepted.

image-20220117202902380

最后不得不降级基础版本库才去除警告。。。

image-20220117203148922

改到2.18.0以下即可

image-20220117203309221

然后就没有刚才那个警告了

image-20220117203614948

剩下的警告和报错

1
2
3
4
[WXML Runtime warning] ./components/tabbar/tabbar.wxml
Now you can provide attr `wx:key` for a `wx:for` to improve performance.
> 1 | <view class="_div"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index"><view class="_div"><slot></slot><scoped-slots-default item="{{item.$orig}}" class="scoped-ref" bind:__l="__l"></scoped-slots-default></view></block></view>
|

这个可以在v-for上加一个key,就可以去掉了

image-20220117203831724

剩下的报错是因为没有配置appId