Vue-material: Injection "MdSelect" not found

Created on 15 Nov 2017  路  10Comments  路  Source: vuematerial/vue-material

Steps to reproduce

Always getting it in vue-material 1.0.0-beta-4. Just need to add md-select component to vue app.

Which browser?

vue 2.4.4
browser Chrome latest version

What is expected?

Expected working

What is actually happening?

Many errors in console:
`[Vue warn]: Injection "MdOptgroup" not found

found in

---> at src/components/MdField/MdSelect/MdOption.vue
at src/components/MdList/MdList.vue
at src/components/MdMenu/MdMenuContent.vue
at src/components/MdMenu/MdMenu.vue
at src/components/MdField/MdSelect/MdSelect.vue
at src/components/MdField/MdField.vue
at src/App.vue

warn @ vue.esm.js?efeb:476
resolveInject @ vue.esm.js?efeb:3491
initInjections @ vue.esm.js?efeb:3446
Vue._init @ vue.esm.js?efeb:4290
VueComponent @ vue.esm.js?efeb:4463
createComponentInstanceForVnode @ vue.esm.js?efeb:3740
init @ vue.esm.js?efeb:3557
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5697
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
Vue._init @ vue.esm.js?efeb:4303
Vue$3 @ vue.esm.js?efeb:4388
(anonymous) @ main.js?3479:55
(anonymous) @ build.js?v=h2c67cf2474f9a737:968
__webpack_require__ @ build.js?v=h2c67cf2474f9a737:20
(anonymous) @ build.js?v=h2c67cf2474f9a737:63
(anonymous) @ build.js?v=h2c67cf2474f9a737:66
vue.esm.js?efeb:476 [Vue warn]: Error in getter for watcher "inputLabel": "TypeError: Cannot read property 'label' of undefined"

found in

---> at src/components/MdField/MdSelect/MdOption.vue
at src/components/MdList/MdList.vue
at src/components/MdMenu/MdMenuContent.vue
at src/components/MdMenu/MdMenu.vue
at src/components/MdField/MdSelect/MdSelect.vue
at src/components/MdField/MdField.vue
at src/App.vue

warn @ vue.esm.js?efeb:476
handleError @ vue.esm.js?efeb:559
get @ vue.esm.js?efeb:2920
Watcher @ vue.esm.js?efeb:2906
Vue.$watch @ vue.esm.js?efeb:3424
createWatcher @ vue.esm.js?efeb:3384
initWatch @ vue.esm.js?efeb:3366
initState @ vue.esm.js?efeb:3126
Vue._init @ vue.esm.js?efeb:4291
VueComponent @ vue.esm.js?efeb:4463
createComponentInstanceForVnode @ vue.esm.js?efeb:3740
init @ vue.esm.js?efeb:3557
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5697
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
Vue._init @ vue.esm.js?efeb:4303
Vue$3 @ vue.esm.js?efeb:4388
(anonymous) @ main.js?3479:55
(anonymous) @ build.js?v=h2c67cf2474f9a737:968
__webpack_require__ @ build.js?v=h2c67cf2474f9a737:20
(anonymous) @ build.js?v=h2c67cf2474f9a737:63
(anonymous) @ build.js?v=h2c67cf2474f9a737:66
vue.esm.js?efeb:563 TypeError: Cannot read property 'label' of undefined
at VueComponent.inputLabel (vue-material.js?2e0c:22364)
at Watcher.get (vue.esm.js?efeb:2917)
at Watcher.evaluate (vue.esm.js?efeb:3024)
at VueComponent.computedGetter [as inputLabel] (vue.esm.js?efeb:3318)
at VueComponent.eval (vue.esm.js?efeb:451)
at Watcher.get (vue.esm.js?efeb:2917)
at new Watcher (vue.esm.js?efeb:2906)
at VueComponent.Vue.$watch (vue.esm.js?efeb:3424)
at createWatcher (vue.esm.js?efeb:3384)
at initWatch (vue.esm.js?efeb:3366)
handleError @ vue.esm.js?efeb:563
get @ vue.esm.js?efeb:2920
Watcher @ vue.esm.js?efeb:2906
Vue.$watch @ vue.esm.js?efeb:3424
createWatcher @ vue.esm.js?efeb:3384
initWatch @ vue.esm.js?efeb:3366
initState @ vue.esm.js?efeb:3126
Vue._init @ vue.esm.js?efeb:4291
VueComponent @ vue.esm.js?efeb:4463
createComponentInstanceForVnode @ vue.esm.js?efeb:3740
init @ vue.esm.js?efeb:3557
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5697
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
Vue._init @ vue.esm.js?efeb:4303
Vue$3 @ vue.esm.js?efeb:4388
(anonymous) @ main.js?3479:55
(anonymous) @ build.js?v=h2c67cf2474f9a737:968
__webpack_require__ @ build.js?v=h2c67cf2474f9a737:20
(anonymous) @ build.js?v=h2c67cf2474f9a737:63
(anonymous) @ build.js?v=h2c67cf2474f9a737:66
vue.esm.js?efeb:476 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'items' of undefined"

found in

---> at src/components/MdField/MdSelect/MdOption.vue
at src/components/MdList/MdList.vue
at src/components/MdMenu/MdMenuContent.vue
at src/components/MdMenu/MdMenu.vue
at src/components/MdField/MdSelect/MdSelect.vue
at src/components/MdField/MdField.vue
at src/App.vue

warn @ vue.esm.js?efeb:476
handleError @ vue.esm.js?efeb:559
callHook @ vue.esm.js?efeb:2703
Vue._init @ vue.esm.js?efeb:4293
VueComponent @ vue.esm.js?efeb:4463
createComponentInstanceForVnode @ vue.esm.js?efeb:3740
init @ vue.esm.js?efeb:3557
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5697
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
Vue._init @ vue.esm.js?efeb:4303
Vue$3 @ vue.esm.js?efeb:4388
(anonymous) @ main.js?3479:55
(anonymous) @ build.js?v=h2c67cf2474f9a737:968
__webpack_require__ @ build.js?v=h2c67cf2474f9a737:20
(anonymous) @ build.js?v=h2c67cf2474f9a737:63
(anonymous) @ build.js?v=h2c67cf2474f9a737:66
vue.esm.js?efeb:563 TypeError: Cannot read property 'items' of undefined
at VueComponent.setItem (vue-material.js?2e0c:22407)
at VueComponent.boundFn [as setItem] (vue.esm.js?efeb:180)
at VueComponent.created (vue-material.js?2e0c:22414)
at callHook (vue.esm.js?efeb:2701)
at VueComponent.Vue._init (vue.esm.js?efeb:4293)
at new VueComponent (vue.esm.js?efeb:4463)
at createComponentInstanceForVnode (vue.esm.js?efeb:3740)
at init (vue.esm.js?efeb:3557)
at createComponent (vue.esm.js?efeb:5212)
at createElm (vue.esm.js?efeb:5155)
handleError @ vue.esm.js?efeb:563
callHook @ vue.esm.js?efeb:2703
Vue._init @ vue.esm.js?efeb:4293
VueComponent @ vue.esm.js?efeb:4463
createComponentInstanceForVnode @ vue.esm.js?efeb:3740
init @ vue.esm.js?efeb:3557
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
createChildren @ vue.esm.js?efeb:5283
createElm @ vue.esm.js?efeb:5188
patch @ vue.esm.js?efeb:5661
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
init @ vue.esm.js?efeb:3563
createComponent @ vue.esm.js?efeb:5212
createElm @ vue.esm.js?efeb:5155
patch @ vue.esm.js?efeb:5697
Vue._update @ vue.esm.js?efeb:2450
updateComponent @ vue.esm.js?efeb:2574
get @ vue.esm.js?efeb:2917
Watcher @ vue.esm.js?efeb:2906
mountComponent @ vue.esm.js?efeb:2578
Vue$3.$mount @ vue.esm.js?efeb:7981
Vue$3.$mount @ vue.esm.js?efeb:10171
Vue._init @ vue.esm.js?efeb:4303
Vue$3 @ vue.esm.js?efeb:4388
(anonymous) @ main.js?3479:55
(anonymous) @ build.js?v=h2c67cf2474f9a737:968
__webpack_require__ @ build.js?v=h2c67cf2474f9a737:20
(anonymous) @ build.js?v=h2c67cf2474f9a737:63
(anonymous) @ build.js?v=h2c67cf2474f9a737:66
vue.esm.js?efeb:476 [Vue warn]: Error in render function: "TypeError: Cannot read property 'disabled' of undefined"

found in

---> at src/components/MdField/MdSelect/MdOption.vue
at src/components/MdList/MdList.vue
at src/components/MdMenu/MdMenuContent.vue
at src/components/MdMenu/MdMenu.vue
at src/components/MdField/MdSelect/MdSelect.vue
at src/components/MdField/MdField.vue
at src/App.vue
`

Reproduction Link


bug
Source
picture igor-d-n

Most helpful comment

Found the issue...user error...sorry. I wasn't wrapping the select in an md-field component

picture caseyprovost on 28 Feb 2018
👍14 ❤7 🎉6 😄6

All 10 comments

You need to use Vue 2.5 with Vue Material

Samuell1 picture Samuell1 on 15 Nov 2017

thx. It's working) Strange that I installed vue-material and yarn didn't said anything about wrong vue lib version dependency.

igor-d-n picture igor-d-n on 16 Nov 2017

@igor-d-deus I will add a peer dependency to fix that. Thanks to point this!

marcosmoura picture marcosmoura on 16 Nov 2017

@Samuell1 I am having this issue as well on 1.0.0@beta-8 on vue 2.5.13

caseyprovost picture caseyprovost on 28 Feb 2018

@caseyprovost then your vue is not 2.5+ :D

Samuell1 picture Samuell1 on 28 Feb 2018

screen shot 2018-02-28 at 8 48 17 am

@Samuell1 Sorry I mis-spoke. The error is actually [Vue warn]: Injection "MdField" not found as you see in this screenshot.

Here is my package.json

"dependencies": {
    "@rails/webpacker": "^3.2.0",
    "axios": "^0.18.0",
    "babel-loader": "^7.1.2",
    "caniuse-lite": "^1.0.30000792",
    "eslint-plugin-jest": "^21.9.0",
    "inputmask": "^3.3.11",
    "jquery": "^3.3.1",
    "path": "^0.12.7",
    "qs": "^6.5.1",
    "vue": "^2.5.13",
    "vue-loader": "^13.7.0",
    "vue-material": "1.0.0-beta-8",
    "vue-template-compiler": "^2.5.13",
    "webpack": "^3.0.0"
  },
caseyprovost picture caseyprovost on 28 Feb 2018

@caseyprovost and package-lock.json?

Samuell1 picture Samuell1 on 28 Feb 2018

@Samuell1 we are using yarn, but here it is:

https://gist.github.com/caseyprovost/891204150fd7d1607d74ae93d27ff91b

caseyprovost picture caseyprovost on 28 Feb 2018

Found the issue...user error...sorry. I wasn't wrapping the select in an md-field component

caseyprovost picture caseyprovost on 28 Feb 2018
👍14 ❤7 🎉6 😄6

I wasn't wrapping the select in an md-field component

You just saved me hours. I was overwhelmed with hundreds of errors. It was just that... Thanks.

Fusseldieb picture Fusseldieb on 15 Jan 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

delueg picture delueg  路  3Comments
korylprince picture korylprince  路  3Comments
andreujuanc picture andreujuanc  路  3Comments
diverted247 picture diverted247  路  3Comments
Leshgan picture Leshgan  路  3Comments