Handontable/Vue - error when running in production

Getting help Issues
1

Hi,

I’m using Handsontable with the Vue wrapper (versions 8.0.0 and 5.0.1). I have created a test component from the documentation: https://handsontable.com/docs/8.0.0/frameworks-wrapper-for-vue-installation.html

When I build my js and css assets with npm run dev (development mode) this works as expected and I can see and interact with the table. However, when I run in production mode (npm run production) an error is logged to the console:

app.js:2 DOMException: Failed to execute 'insertBefore' on 'Node': This node type does not support this method.
    at new H (http://127.0.0.1:8000/js/app.js:2:1247871)
    at new dg.Core (http://127.0.0.1:8000/js/app.js:2:860935)
    at a.hotInit (http://127.0.0.1:8000/js/app.js:2:1224790)
    at a.mounted (http://127.0.0.1:8000/js/app.js:2:1227662)
    at Ve (http://127.0.0.1:8000/js/app.js:2:1700826)
    at Zt (http://127.0.0.1:8000/js/app.js:2:1714678)
    at Object.insert (http://127.0.0.1:8000/js/app.js:2:1709730)
    at C (http://127.0.0.1:8000/js/app.js:2:1749473)
    at On.__patch__ (http://127.0.0.1:8000/js/app.js:2:1750831)
    at On.e._update (http://127.0.0.1:8000/js/app.js:2:1723171)

and the table does not display.

My application is built in Laravel (v7.25) and I use Laravel-mix to build the assets. My Vue version is 2.6.12.

Any ideas?

Thanks,
Martin.