Hello.
I assume that problem is caused by using scheduler bundle as module (using import). Try to just load it on the page, old style? Script tag or some config for webpack to compile our bundle into your app.
When you will resolve that issue, you will face more, related to incorrect usage.
Scheduler at the moment doesnt support reconfiguring all columns at once
// main.js
// you instantiate empty scheduler that is not rendered anywhere
Vue.prototype.$scheduler = new Scheduler({})
// Scheduler.vue
this.$scheduler.setConfig(config) // you overwrite configs here, including columns
this.schedulerEngine = this.$scheduler
I see at least two options here:
1) store not the instance, but class:
// main.js
Vue.prototype.$scheduler = Scheduler
//scheduler.vue
this.schedulingEngine = new this.$scheduler(config)
2) import class in vue component as such:
var bryntum = require('../../lib/scheduler/scheduler.umd.js')
this.schedulerEngine = new bryntum.Scheduler(config)
In the meantime please try this:
1) include scheduler bundle on the page (e.g. using simple script tag)
2) remove all imports of that bundle
3) instantiate scheduler using
Hey,
simple page reference is all right,
because now it's modular programming, Scheduler is packaged into a program as a module, and when you use a package tool like webpack, you make a mistake.
Can you provide a case of using webpack packaging tool?