I started the development and therefore setup the environment locally on 3.1.0 M3. It turns out that without changing anything I get the following error in the console on version
openHAB 3.1.0.M3
Milestone Build
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'component' of undefined"
found in
---> <OhIcon> at src/components/widgets/system/oh-icon.vue
<F7ListItemContent>
<F7ListItem>
<F7List>
<F7Col>
<F7Block>
<F7Tab>
<F7Tabs>
<F7PageContent>
<F7Page>
<PlanEdit> at src/pages/settings/pages/plan/plan-edit.vue
<F7View>
<F7App>
<App> at src/components/app.vue
<Root>
warn @ vue.esm.js?a026:628
logError @ vue.esm.js?a026:1893
globalHandleError @ vue.esm.js?a026:1888
handleError @ vue.esm.js?a026:1848
invokeWithErrorHandling @ vue.esm.js?a026:1871
callHook @ vue.esm.js?a026:4228
insert @ vue.esm.js?a026:3148
invokeInsertHook @ vue.esm.js?a026:6357
patch @ vue.esm.js?a026:6576
Vue._update @ vue.esm.js?a026:3957
updateComponent @ vue.esm.js?a026:4075
get @ vue.esm.js?a026:4488
run @ vue.esm.js?a026:4563
flushSchedulerQueue @ vue.esm.js?a026:4319
eval @ vue.esm.js?a026:1989
flushCallbacks @ vue.esm.js?a026:1915
Promise.then (async)
timerFunc @ vue.esm.js?a026:1942
nextTick @ vue.esm.js?a026:1999
queueWatcher @ vue.esm.js?a026:4411
update @ vue.esm.js?a026:4553
notify @ vue.esm.js?a026:739
reactiveSetter @ vue.esm.js?a026:1064
set @ vue.esm.js?a026:1086
updateWidgetConfig @ pagedesigner-mixin.js?ae7b:173
onceHandler @ events-class.js?8085:27
eval @ events-class.js?8085:79
eval @ events-class.js?8085:78
emit @ events-class.js?8085:72
updateWidgetConfig @ widget-config-popup.vue?eeb2:55
invokeWithErrorHandling @ vue.esm.js?a026:1863
invoker @ vue.esm.js?a026:2188
invokeWithErrorHandling @ vue.esm.js?a026:1863
Vue.$emit @ vue.esm.js?a026:3897
eval @ vue-component-dispatch-event.js?56bc:4
eval @ vue-component-dispatch-event.js?56bc:3
dispatchEvent @ link.js?1477:277
onClick @ link.js?1477:273
vue.esm.js?a026:1897 TypeError: Cannot read property 'component' of undefined
at VueComponent.mounted (widget-mixin.js?8940:73)
at invokeWithErrorHandling (vue.esm.js?a026:1863)
at callHook (vue.esm.js?a026:4228)
at Object.insert (vue.esm.js?a026:3148)
at invokeInsertHook (vue.esm.js?a026:6357)
at VueComponent.patch [as __patch__] (vue.esm.js?a026:6576)
at VueComponent.Vue._update (vue.esm.js?a026:3957)
at VueComponent.updateComponent (vue.esm.js?a026:4075)
at Watcher.get (vue.esm.js?a026:4488)
at Watcher.run (vue.esm.js?a026:4563)
logError @ vue.esm.js?a026:1897
globalHandleError @ vue.esm.js?a026:1888
handleError @ vue.esm.js?a026:1848
invokeWithErrorHandling @ vue.esm.js?a026:1871
callHook @ vue.esm.js?a026:4228
insert @ vue.esm.js?a026:3148
invokeInsertHook @ vue.esm.js?a026:6357
patch @ vue.esm.js?a026:6576
Vue._update @ vue.esm.js?a026:3957
updateComponent @ vue.esm.js?a026:4075
get @ vue.esm.js?a026:4488
run @ vue.esm.js?a026:4563
flushSchedulerQueue @ vue.esm.js?a026:4319
eval @ vue.esm.js?a026:1989
flushCallbacks @ vue.esm.js?a026:1915
Promise.then (async)
timerFunc @ vue.esm.js?a026:1942
nextTick @ vue.esm.js?a026:1999
queueWatcher @ vue.esm.js?a026:4411
update @ vue.esm.js?a026:4553
notify @ vue.esm.js?a026:739
reactiveSetter @ vue.esm.js?a026:1064
set @ vue.esm.js?a026:1086
updateWidgetConfig @ pagedesigner-mixin.js?ae7b:173
onceHandler @ events-class.js?8085:27
eval @ events-class.js?8085:79
eval @ events-class.js?8085:78
emit @ events-class.js?8085:72
updateWidgetConfig @ widget-config-popup.vue?eeb2:55
invokeWithErrorHandling @ vue.esm.js?a026:1863
invoker @ vue.esm.js?a026:2188
invokeWithErrorHandling @ vue.esm.js?a026:1863
Vue.$emit @ vue.esm.js?a026:3897
eval @ vue-component-dispatch-event.js?56bc:4
eval @ vue-component-dispatch-event.js?56bc:3
dispatchEvent @ link.js?1477:277
onClick @ link.js?1477:273
With that simple floorplan
config:
imageUrl: /static/Erdgeschoss-blank.svg
label: floor
backgroundColor: black
markers:
- component: oh-plan-marker
config:
name: New Marker
icon: oh:light
iconUseState: true
slots:
default: []
which points to
in widget-mixin.js
Hence, it complains about a missing stylesheet configuration in the component (oh-plan-page and others).
Running the same on
openHAB 3.1.0
Build #2243
I don’t get that problem (note: replacing the imageUrl with something else doesn’t make a difference).
Any idea how I can track down the root cause of that error? I just want to make sure I don’t produce issues with my changes, so I want to know where this comes from before I even start (actually I had started already and first thought I had caused it so I stashed everything but the problem stayed on a clean check out).