8.0.0 on hotInit error

[cn-xufei]

Description

Steps to reproduce

1. 
   <template>
   <div id="app">
   <hot-table
     :data="data"
     colHeaders="true"
     rowHeaders="true"
     width="600"
     height="300"
     licenseKey="non-commercial-and-evaluation"
   ></hot-table>
   </div>
   </template>

### Demo
<!--- Provide a link to a live example on JSFiddle or Codepen or fill the following demo with your settings -->
https://jsfiddle.net/handsoncode/dezfbgjt/

### Your environment
* Vue wrapper version: 2.6.11
* Handsontable version: 8.0.0
* Browser Name and version: chrome 85
* Operating System: mac

It is possible under the development mode
Error accessing page after build

DOMException: Failed to execute 'insertBefore' on 'Node': This node type does not support this method.

![image](https://user-images.githubusercontent.com/14144811/91660425-5665cf80-eb08-11ea-9650-620896e81d3f.png)

[AMBudnik]

Hi @cn-xufei

Here's an updated demo https://codesandbox.io/s/advanced-vue-hot-column-implementation-722-411-forked-sjf4w?file=/src/App.vue

Let me know if you need anything else.

[cn-xufei]

Hi @cn-xufei

Here's an updated demo https://codesandbox.io/s/advanced-vue-hot-column-implementation-722-411-forked-sjf4w?file=/src/App.vue

Let me know if you need anything else.

Thanks. Demo no problem. But my problem is that on version 8.0, errors are reported after the project is packaged.

DOMException: Failed to execute 'insertBefore' on 'Node': This node type does not support this method.

My environment

{
    "vue": "^2.6.11",
    "@handsontable/vue": "^5.0.1",
    "handsontable": "^8.0.0"
}

[Freshstrong]

I also encountered the same problem. Like the @ CN Xufei environment, I also reported this error

[AMBudnik]

@cn-xufei by 'packed' do you mean the webpack's minimize option?

If so it has been reported here https://github.com/handsontable/vue-handsontable-official/issues/188

[AMBudnik]

Can I ask you @cn-xufei and @Freshstrong to send me any demo where this issue can be replicable? It seems that we won't be able to replicate the same using Sandbox.

[Freshstrong]

I have solved the problem of webpack, minimize option. I added "minimize" to false and repackaged it to solve this problem

[AMBudnik]

I'm glad to hear that @Freshstrong Thank you for the update. @cn-xufei does it solve your problem as well?

[cn-xufei]

@cn-xufei by 'packed' do you mean the webpack's minimize option?

If so it has been reported here #188

Thanks. Yes, that's the question

[cn-xufei]

I have solved the problem of webpack, minimize option. I added "minimize" to false and repackaged it to solve this problem

Thanks. This can only be done temporarily. Closing this configuration will affect code compression

[Freshstrong]

I have solved the problem of webpack, minimize option. I added "minimize" to false and repackaged it to solve this problem

Thanks. This can only be done temporarily. Closing this configuration will affect code compression

At present, there is no better way. I hope the author can solve this problem in the next version

[AMBudnik]

Yes, that is only a workaround.

@cn-xufei @Freshstrong I will update you as soon as we get that issue fixed.

[wojciechczerniak]

Duplicate of #188

[AMBudnik]

https://github.com/handsontable/vue-handsontable-official/issues/188 has been solved in v 5.1.0