TypeError: Cannot read property 'extend' of undefined

This happens every time to me when component is reloaded:

TypeError: Cannot read property 'extend' of undefined
    at VM93425 main.js:28952
    at Object.reload (VM93425 main.js:28860)
    at VM93425 main.js:43826
    at Object../src/agilecards/components/edit-settings/TemplateScopeSelector.vue (VM93425 main.js:43831)
    at __webpack_require__ (VM93425 main.js:679)
    at hotApply (VM93425 main.js:608)
    at VM93425 main.js:290
    at <anonymous>

Stack trace is not very helpful, but I tracked this exception to line 196:

const newCtor = record.Ctor.super.extend(options)

Looks like super does not exist in Ctor (and Ctor is the Vue constructor function). I’m using Vue 2.5.2.

[ggaborx]

I also had this issue and it seems like we need to explicitly create the root app instead of creating it directly from our root component.

So instead of this:

import App from './app.vue'
import Vue from 'vue'

const app = new Vue(App).$mount('#root')

I’m using this:

import App from './app.vue'
import Vue from 'vue'

const root= new Vue({
    render: createElement => createElement(App)
}).$mount('#root')

Unfortunatelly the proper way of creating the root instance is very unclear in the official documentation.

[danielcodinglife]

@marszall87 I solved this problem with changing vue’s bootstrap, and there seems no problem. my repo

refrence