handsontable, is installed through npm on vue"s project, but when it is run, it always reports

**TypeError: rootElement.insertBefore is not a function**

both npm install @ handsontable/vue and npm install handsontable
will report this error, and the table won"t come out.

is there any solution?

the code is as follows:

<template>
<div>
      <div id="test-hot-t" class="wrapper">
      <htable :root="root" :settings="hotSettings"></htable>
    </div>
  </div>
</template>

<script>
import htable from "handsontable";
export default {
  name: "HelloWorld",
  el: "-sharptest-hot-t",
  data () {
    return {
      root: "test-hot",
        hotSettings: {
          data: [      
            ["20080101", 10, 11, 12, 13,true],
            ["20090101", 20, 11, 14, 13,true],
            ["20010101", 30, 15, 12, 13,true],
            ["20010101", 32, 213, 21, 312,true],
            ["20010201", 32, 213, 21, 312,true],
            ["20010301", 32, 213, 21, 312,true],
            ["20010401", 32, 213, 21, 312,true],
            ["20010501", 32, 213, 21, 312,true],
            ["20010601", 32, 213, 21, 312,true]
          ],
          colHeaders: true
        }
    }
  },
  components:{
    htable
  }
}
</script>