[BootstrapVue warn]: 팝오버 - 문서에서 대상 요소를 찾을 수 없습니다.

[BootstrapVue warn]: 팝오버 - 문서에서 대상 요소를 찾을 수 없습니다.

Bootstrap-Vue에서 팝오버를 사용하고 있는데 다음 오류가 나타납니다.

[BootstrapVue warning] : popover - 문서에서 대상 요소를 찾을 수 없습니다.

모든 것이 잘 작동하지만, 경고 사항이 많아서 수정하고 싶어요.

상위 컴포넌트

<template>
    <popover />
    
    <label id="popover-target-EXAMPLE">
          <i class="far fa-question-circle"></i> Parish
    </label>
</template>

<script>
    import Popover from './Popover';
    export default {
        components:{
            Popover,
        }
    }
</script>

내 팝오버 하위 구성 요소

<template>
    <div>
        <b-popover target="popover-target-EXAMPLE" variant="primary" triggers="hover" placement="top">
            <p class="popover-style">TEXT</p>
        </b-popover>
        //here are multiple <b-popover>....
    </div>
<template>

대상 요소 뒤에 팝오버 구성 요소를 넣으려고 시도합니다.

얼마 후 나는 그 문제를 발견했다.그 안에서Popover아이 팝오버가 여러 개 있었는데 그 중 일부는 부모 컴포넌트에 없습니다.

경고를 수정하기 위해 모두 제거했습니다.<b-popover>부모 컴포넌트에 ID가 없습니다.

언급URL : https://stackoverflow.com/questions/60432635/bootstrapvue-warn-popover-unable-to-find-target-element-in-document