component.constructor.ViewModel is undefined when "viewModel" is function (v3.3.10)

[YuriChupyrkin]

Hello canJS team.

I migrate the APP from canJs 2 to canJs 3 and have issue connected to can-component package.

I use can-component v3.3.10
When I use viewModel as function, I have exception in that line:

can-component/can-component.js

Line 277 in f22db4d

viewModelInstance = new component.constructor.ViewModel(initialViewModelData);

It happens because component.constructor.ViewModel is undefined.

Looks like that issue is fixed in v4.5.0:

can-component/can-component.js

Line 512 in 7f8e9b6

viewModelInstance = new ViewModel(initialViewModelData);

Could you fix it for can-component v3.x.x?

@justinbmeyer please take a look

[justinbmeyer]

When I use viewModel as function, I have exception in that line

What does this mean? What does your component look like?

[iSokrat]

@justinbmeyer Example below (docs - https://v2.canjs.com/docs/can.Component.prototype.viewModel.html):

  //can v2:
  import {baseViewModel} from 'path/to/file';

  // ...

  can.Component.extend({
     // ... fields ...
     viewModel(attrs, parentVM, element) {
          
           // preparing data

           return baseViewModel.extend({
               field: parentVM.attr('someField')
           });
     }
  })

From the docs, as you ca see, we have ability to use viewModel as a fucntion.

[YuriChupyrkin]

@justinbmeyer , take a look at example

export default can.Component.extend({
  tag: 'my-component',
  template: can.stache(template),
  leakScope: true,
  viewModel: function (attrs, parentViewModel) {
   ....
  },
});

[cherifGsoul]

@YuriChupyrkin , @iSokrat this is fixed and released!

[iSokrat]

@cherifGsoul Thanks!