[BootstrapVue warn]: popover - Unable to find target element in document

Question

I am using popover from Bootstrap-Vue, and I get this error:

[BootstrapVue warn]: popover - Unable to find target element in document.

Everything work just fine, but I have a lot of warnings and I want to fix them.

Parent Component

<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>

My popover Child Component

<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>

Answer 1

Try to put the popover component after the targeted element