Handsontable Pro: These dependencies were not found

Tags: #<Tag:0x00007efc652fd290>
#1

Hello,

I’m developing a Vue.js project and I properly installed Handsontable using npm. Following the instructions described here, I was able to add a new table to my project (I’m using vue-handsontable-official with Handsontable Community Edition).

Now, I want to upgrade from the Handsontable Community Edition to Handsontable Pro, since I want to add a Gantt chart. Again, I followed these steps from the wiki, but the project does not compile:

These dependencies were not found:

* handsontable in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./node_modules/vue-handsontable-official/src/HotTable.vue, ./node_modules/vue-handsontable-official/src/settingsMapper.js and 1 other
* -!../../css-loader/index.js?{"minimize":false,"sourceMap":false}!handsontable/dist/handsontable.full.css in ./node_modules/css-loader?{"minimize":false,"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-76d0792c","scoped":false,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./node_modules/vue-handsontable-official/src/HotTable.vue

This happens when I add handsontable: path.resolve(__dirname, 'node_modules/handsontable-pro'), on ‘webpack.base.conf’.

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
        handsontable: path.resolve(__dirname, 'node_modules/handsontable-pro'),
        'vue$': 'vue/dist/vue.esm.js',
        '@': resolve('src'),
    }
},

What am I missing? How do I fix that issue?

Regards,
Pedro

1 Like
#2

Hi @pedro

Can you please share your sample app? I will test it in my environment and check what’s wrong.

#3

Hi @aleksandra_budnik,

Here’s the demo app: https://www.dropbox.com/sh/7jwjzi5pjp47bgz/AAAu7ZDHTZO9Y9i4Wk09WElSa?dl=0

Regards,
Pedro

#4

Hello,

Any news on this matter? :slight_smile:

Pedro

#5

Hi @pedro,
you can try to replace:

handsontable: path.resolve(__dirname, 'node_modules/handsontable-pro'),

with:

handsontable: resolve( 'node_modules/handsontable-pro'),

but probably then you find another issue: https://github.com/handsontable/vue-handsontable-official/issues/23
We need some additional time to fix this problem.
Sorry for this inconvenience.

#6