On this.components() Error : Uncaught TypeError: Cannot read property 'each' of undefined

at y (grapes.min.js:formatted:284)
    at m (grapes.min.js:formatted:262)
    at d (grapes.min.js:formatted:128)
    at R.i.u.trigger (grapes.min.js:formatted:253)
    at R.i._onModelEvent (grapes.min.js:formatted:815)

`
var createSliderComponent = function (comps, defaultModel, defaultView) {

        var defaultType = comps.getType('default');
        var defaultModel = defaultType.model;
        var defaultView = defaultType.view;

        comps.addType(sliderType, {
            // Define the Model
            model: defaultModel.extend({
                // Extend default properties
                defaults: Object.assign({}, defaultModel.prototype.defaults, {

                    type: sliderType,
                    tagName: 'div',
                    draggable: false,
                    droppable: false,
                    copyable: false,
                    removable: false,
                    stylable: false,
                    copyable: false,
                    resizable: false,
                    editable: true,
                    content : '<div class="slider-left-part"><h2>Sample Title</h2><div class="slider-title">Lorem Ipsum</div><div class="slider-description"></div><div class="slider-link"><a href="">Link</a></div></div><div class="slider-right-part"><img class="slider-image" src="https://via.placeholder.com/503x300"></div>',
                    attributes: {
                        'class': 'slider-container'
                    }

                }),
                initialize() {
                    // If I have no inner components
                    if (this.components() && !this.components().length) {
                        debugger;
                        this.components(this.get("content"));
                    }
                }
            }, {
                isComponent(el) {
                    if (el.getAttribute &&
                        el.getAttribute('data-gjs-type') == sliderType) {
                        return {
                            type: sliderType
                        };
                    }
                }
            }),
            // Define the View
            view: defaultView.extend({
                tagName: 'div',
                render(args) {
                    defaultView.prototype.render.apply(this, args);
                    return this;
                  }
            })
        });
    };`