@handsontable/vue3 in Laravel defineComponent error

Tags: #<Tag:0x00007efc6265b9d0>
#1

I have been unsuccessful in attempting to generate a vue3 component in Laravel 9 based on the following: https://handsontable.com/docs/vue3-installation/#vue-3-version-support.

Should I be importing anything else that is not outlined in the basic usage?

The warnings and errors are as follow:

WARNING in ./node_modules/@handsontable/vue3/es/vue-handsontable.js 132:15-30
export ‘defineComponent’ (imported as ‘defineComponent’) was not found in ‘vue’ (possible exports: default)

Error:
Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent) is not a function

#2

Hi @johnsjobs7

It seems that this issue might be connected to Laravel itself. Here https://code-hoon.tistory.com/55?category=972033 is the same error message after an attempt to install fort awesome.

#3

Hi @aleksandra_budnik

The issue was down to the version of vue.
After updating vue, everything worked as expected.

#4

Thank you for the feedback. I’m closing this issue as solved.

#5