Failed to execute 'insertBefore' on 'Node': The new child element contains the parent

[sweetwisdom]

this is my bug

Failed to execute 'insertBefore' on 'Node': The new child element contains the parent

(in promise) TypeError: fullscreen error
    at Object.eval (vue-fullscreen.min.js?5208:1:1)
    at new Promise (<anonymous>)
    at Object.request (vue-fullscreen.min.js?5208:1:1)
    at Object.request (vue-fullscreen.min.js?5208:1:1)
    at Object.toggle (vue-fullscreen.min.js?5208:1:1)
    at HTMLSpanElement.s [as _onClickFullScreen] (vue-fullscreen.min.js?5208:1:1)

mycode

<div class="sample-tutorial">

    <div class="excel-header">
      <span @click="importExcel(1)" class="btn">导入Excel</span>
      <input v-show="false" ref="fileRef" type="file" @change="fileChange" />
      <span @click="importExcel(2)" class="btn">导入JSON</span>
      <span
        class="btn"
        v-fullscreen.teleport="options"
        @click="$fullscreen.toggle()"
        >全屏</span
      >
    </div>

....

 options: {
        target: ".sample-tutorial",
        // callback(isFullscreen) {
        //   console.log(isFullscreen);
        // },
      },

[mirari]

Remove @click function and try again. Refer to this: https://codepen.io/mirari/pen/bGaENKv

[sweetwisdom]

谢谢大佬