TypeError: Cannot read property '__resizeTriggers__' of undefined

[hethcox]

I use the v-bar in part of my app and it worked great. When I created a second for use in a different .vue file, I get the error below when it tried to display. Do I need to register the component globally?

---

webpack-internal:///./node_modules/vue/dist/vue.esm.js:1697 TypeError: Cannot read property 'resizeTriggers' of undefined at addResizeListener (webpack-internal:///./node_modules/detect-resize/lib/index.js:132) at VueComponent.mounted (webpack-internal:///./node_modules/v-bar/node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./node_modules/v-bar/src/components/v-bar.vue:162) at callHook (webpack-internal:///./node_modules/vue/dist/vue.esm.js:2869) at Object.insert (webpack-internal:///./node_modules/vue/dist/vue.esm.js:4046) at invokeInsertHook (webpack-internal:///./node_modules/vue/dist/vue.esm.js:5802)

[hethcox]

I was able to resolve this by adding another layer of div:

Adding the div with the style "trayStyle" fixed the problem. Perhaps this was caused by the v-for needing a wrapper?