select组件被destroy时出现TypeError: Cannot read property 'resizeListeners' of undefined #3797

Ryan-PEK · 2017-03-27T07:35:52Z

Element UI version

1.2.5

OS/Browsers version

chrome 57

Vue version

2.2.6

Reproduction Link

无

Steps to reproduce

子页面使用el-select后，切换到其他子页面，在执行destory时出现如题JS error。
vue.runtime.esm.js:554 [Vue warn]: Error in destroyed hook:
(found in )
vue.runtime.esm.js:1443 TypeError: Cannot read property 'resizeListeners' of undefined
at removeResizeListener (resize-event.js:183)
at VueComponent.destroyed (scrollbar.js:245)
at callHook (vue.runtime.esm.js:2269)
at VueComponent.Vue.$destroy (vue.runtime.esm.js:2091)
at destroy (vue.runtime.esm.js:2958)
at invokeDestroyHook (vue.runtime.esm.js:4773)
at invokeDestroyHook (vue.runtime.esm.js:4778)
at VueComponent.patch [as patch] (vue.runtime.esm.js:5039)
at VueComponent.Vue.$destroy (vue.runtime.esm.js:2089)
at destroy (vue.runtime.esm.js:2958)

What is Expected?

没有JS Error

What is actually happening?

出现描述中的error

…E#3797

lincenying · 2017-03-27T08:35:01Z

应该是vue 2.2.6改的vuejs/vue@3209f6f 这个的原因,

https://github.com/ElemeFE/element/blob/dev/packages/scrollbar/src/main.js#L128
这个应该也有问题.

tbphp · 2017-03-27T14:24:54Z

我也出现同样的问题，select销毁是报同样的错。

Rranran · 2017-03-28T01:41:03Z

+1

tbphp · 2017-03-28T01:53:44Z

jsfiddle示例

这个示例下面el-select隐藏的时候就会报错。
我已经测试过，vue2.2.6才会报错，2.2.5以下没有这个错误。

rubickecho · 2017-03-28T06:21:31Z

+1，在被销毁时产生了警告

[Vue warn]: Error in destroyed hook:
(found in )
warn @ vue.common.js?e881:560
handleError @ vue.common.js?e881:1445
callHook @ vue.common.js?e881:2277
Vue.$destroy @ vue.common.js?e881:2097
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
invokeDestroyHook @ vue.common.js?e881:4779
invokeDestroyHook @ vue.common.js?e881:4784
patch @ vue.common.js?e881:5045
Vue.$destroy @ vue.common.js?e881:2095
destroy @ vue.common.js?e881:2964
(anonymous) @ vue.common.js?e881:3246
invokeDestroyHook @ vue.common.js?e881:4779
removeVnodes @ vue.common.js?e881:4795
updateChildren @ vue.common.js?e881:4902
patchVnode @ vue.common.js?e881:4936
patch @ vue.common.js?e881:5060
Vue._update @ vue.common.js?e881:2042
updateComponent @ vue.common.js?e881:2158
get @ vue.common.js?e881:2469
run @ vue.common.js?e881:2539
flushSchedulerQueue @ vue.common.js?e881:2331
(anonymous) @ vue.common.js?e881:507
nextTickHandler @ vue.common.js?e881:456
vue.common.js?e881:1449 TypeError: Cannot read property 'resizeListeners' of undefined

thenCoding · 2017-03-28T09:27:50Z

+1，同样遇到这个问题.看了半天以为代码哪里没写对，上来一看才发现这是个BUG啊，哈哈.

…E#3797

Rranran · 2017-03-28T11:09:17Z

这个问题还是存在的啊·@Leopoldthecoder

Zeno-Code · 2017-03-28T11:12:32Z

全部更新了一遍,问题依旧
"dependencies": { "element-ui": "^1.2.6", "vue": "^2.2.6", "vue-router": "^2.2.0" }

pa-bouly · 2017-03-28T11:28:14Z

This problem still exists for me too (tried to reinstall all npm packages, etc)

Leopoldthecoder · 2017-03-28T11:30:19Z

抱歉，只修了 Select，没修 Scrollbar。暂时先降级 Vue 吧。

An0nymous0 · 2017-03-29T02:18:59Z

@Leopoldthecoder 预计下一版什么时候发布。 vue2.2.5 跟 vue-router 还有内存泄露的情况。

bigrocs · 2017-03-29T02:23:31Z

vue2.2.5 vue-router 和tabs还是会报错

QingWei-Li · 2017-03-29T02:26:31Z

@An0nymous0 @bigrocs 今天吧

QingWei-Li · 2017-03-29T02:53:22Z

@bigrocs

vue-router 和tabs还是会报错

哪个 issue？问题是啥

bigrocs · 2017-03-29T02:55:32Z

没有开issue 当我切换路由或者tabs标签发送http请求是都会报错如下
Element UI version
1.2.6
OS/Browsers version
chrome 57
Vue version
2.2.6 or 2.2.5

[Vue warn]: Error in destroyed hook:
TypeError: Cannot read property '__resizeListeners__' of undefined

QingWei-Li · 2017-03-29T02:58:25Z

@bigrocs
可否给重现链接？tabs 并没有使用 resize-event，也是 select 引起的么？

bigrocs · 2017-03-29T02:59:49Z

@QingWei-Li
我不确定什么引起的我先排查下稍后给你答案

tbphp · 2017-03-29T03:03:56Z

@bigrocs
应该是tabs或者路由切换的时候销毁select销毁，然后导致触发这个bug。
我就是这个情况。
所以还是select的bug。
你可以把页面所有select都删除了，就不会有这个bug了

bigrocs · 2017-03-29T03:06:19Z

@tbphp
好像不行我使用table组件的的页面也出现这个情况

tbphp · 2017-03-29T03:07:25Z

@bigrocs 你看你组件里面有没有select比如分页组件里面也有下拉组件。

bigrocs · 2017-03-29T03:09:27Z

@tbphp @QingWei-Li
我吧整个select引用都注释掉一样触发
我的好像是axios.post 访问开始触发这个BUG 奇怪..
然后访问结束在触发一次

不过正常打开的时候不触发只有切换tabs 或者路由的时候触发
我的切换tabs或者路由都会执行axios.post

bigrocs · 2017-03-29T03:13:34Z

table也使用select组件是我错了。。。确实是select引起的

bigrocs · 2017-03-29T03:17:24Z

@tbphp @QingWei-Li
我确定一件事情
分页组件 pagination 组件也引起了这个BUG

HadiChen · 2017-03-29T03:17:50Z

我也遇到了这个问题，每次页面切换时就会抛错

faelssim · 2017-03-29T03:26:43Z

我也出现了同样的问题，将select删除后并不会出现该问题，应该是select本身的问题吧，不知道什么时候能够给出解决方案？

bigrocs · 2017-03-29T03:38:49Z

组件 pagination 组件好像也是引用select组件引起的..

bigrocs · 2017-03-29T04:03:30Z

什么时候发布修复版本

QingWei-Li · 2017-03-29T04:08:16Z

v1.2.7 has been released.

TaylerTao · 2017-03-29T06:32:12Z

感谢！

…E#3797

super-newbie94 · 2017-04-21T11:47:53Z

请问该问题现在是如何解决了？
我将vue 2.2.6版本升到最高，然后elementUi 1.2.7也升级到最高后不可以解决该问题。
将版本降下来后vue是2.2.5也不行。有解决的么

Leopoldthecoder · 2017-04-21T13:35:36Z

@GaoYuanOnline 用 1.2.9

super-newbie94 · 2017-04-24T01:52:45Z

@Leopoldthecoder 升级到1.2.9后可以解决该问题，谢谢！

vincepeng · 2017-07-16T06:46:15Z

还是有问题,尝试降级vue为2.2.5也是一样的

tbphp · 2017-07-16T06:50:12Z

@vincepeng 这都哪个版本了，你把你的包都npm-check -u升级一下，这个问题早就应该不存在了。

Ryan-PEK changed the title ~~ypeError: Cannot read property '__resizeListeners__' of undefined~~ select组件被destroy时出现TypeError: Cannot read property '__resizeListeners__' of undefined Mar 27, 2017

Leopoldthecoder added a commit to Leopoldthecoder/element that referenced this issue Mar 27, 2017

Select: exec removeResizeListener in beforeDestroy hook, fixed ElemeF…

b409863

…E#3797

QingWei-Li added the type: bug label Mar 27, 2017

Leopoldthecoder closed this as completed in 62332f0 Mar 28, 2017

Leopoldthecoder added a commit to Leopoldthecoder/element that referenced this issue Mar 28, 2017

Select: exec removeResizeListener in beforeDestroy hook, fixed ElemeF…

8b00765

…E#3797

Leopoldthecoder reopened this Mar 28, 2017

Leopoldthecoder mentioned this issue Mar 28, 2017

Scrollbar: fix removeResizeListener #3837

Closed

3 tasks

QingWei-Li added a commit to QingWei-Li/element that referenced this issue Mar 29, 2017

Scrollbar: compatible with vue 2.2.6, fixed ElemeFE#3797

bab0581

baiyaaaaa closed this as completed in aa63558 Mar 29, 2017

mdartic pushed a commit to mdartic/element that referenced this issue Mar 31, 2017

Select: exec removeResizeListener in beforeDestroy hook, fixed ElemeF…

dfb583a

…E#3797

mdartic pushed a commit to mdartic/element that referenced this issue Mar 31, 2017

Scrollbar: compatible with vue 2.2.6, fixed ElemeFE#3797 (ElemeFE#3845)

210e302

caikan pushed a commit to caikan/element that referenced this issue Apr 20, 2017

Select: exec removeResizeListener in beforeDestroy hook, fixed ElemeF…

0acf732

…E#3797

caikan pushed a commit to caikan/element that referenced this issue Apr 20, 2017

Scrollbar: compatible with vue 2.2.6, fixed ElemeFE#3797 (ElemeFE#3845)

d9d5758

JakeWoki mentioned this issue Aug 2, 2018

dialog销毁报错Error in nextTick: "TypeError: Cannot read property 'insert' of undefined" youzan/vant#1575

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

select组件被destroy时出现TypeError: Cannot read property 'resizeListeners' of undefined #3797

select组件被destroy时出现TypeError: Cannot read property 'resizeListeners' of undefined #3797

Ryan-PEK commented Mar 27, 2017

lincenying commented Mar 27, 2017 •

edited by QingWei-Li

tbphp commented Mar 27, 2017

Rranran commented Mar 28, 2017

tbphp commented Mar 28, 2017

rubickecho commented Mar 28, 2017 •

edited

thenCoding commented Mar 28, 2017

Rranran commented Mar 28, 2017

Zeno-Code commented Mar 28, 2017 •

edited

pa-bouly commented Mar 28, 2017 •

edited

Leopoldthecoder commented Mar 28, 2017

An0nymous0 commented Mar 29, 2017

bigrocs commented Mar 29, 2017

QingWei-Li commented Mar 29, 2017

QingWei-Li commented Mar 29, 2017

bigrocs commented Mar 29, 2017 •

edited

QingWei-Li commented Mar 29, 2017

bigrocs commented Mar 29, 2017

tbphp commented Mar 29, 2017

bigrocs commented Mar 29, 2017

tbphp commented Mar 29, 2017

bigrocs commented Mar 29, 2017 •

edited

bigrocs commented Mar 29, 2017 •

edited

bigrocs commented Mar 29, 2017 •

edited

HadiChen commented Mar 29, 2017

faelssim commented Mar 29, 2017

bigrocs commented Mar 29, 2017

bigrocs commented Mar 29, 2017

QingWei-Li commented Mar 29, 2017

TaylerTao commented Mar 29, 2017

super-newbie94 commented Apr 21, 2017

Leopoldthecoder commented Apr 21, 2017

super-newbie94 commented Apr 24, 2017

vincepeng commented Jul 16, 2017

tbphp commented Jul 16, 2017

select组件被destroy时出现TypeError: Cannot read property '__resizeListeners__' of undefined #3797

select组件被destroy时出现TypeError: Cannot read property '__resizeListeners__' of undefined #3797

Comments

Ryan-PEK commented Mar 27, 2017

Element UI version

OS/Browsers version

Vue version

Reproduction Link

Steps to reproduce

What is Expected?

What is actually happening?

lincenying commented Mar 27, 2017 • edited by QingWei-Li

tbphp commented Mar 27, 2017

Rranran commented Mar 28, 2017

tbphp commented Mar 28, 2017

rubickecho commented Mar 28, 2017 • edited

thenCoding commented Mar 28, 2017

Rranran commented Mar 28, 2017

Zeno-Code commented Mar 28, 2017 • edited

pa-bouly commented Mar 28, 2017 • edited

Leopoldthecoder commented Mar 28, 2017

An0nymous0 commented Mar 29, 2017

bigrocs commented Mar 29, 2017

QingWei-Li commented Mar 29, 2017

QingWei-Li commented Mar 29, 2017

bigrocs commented Mar 29, 2017 • edited

QingWei-Li commented Mar 29, 2017

bigrocs commented Mar 29, 2017

tbphp commented Mar 29, 2017

bigrocs commented Mar 29, 2017

tbphp commented Mar 29, 2017

bigrocs commented Mar 29, 2017 • edited

bigrocs commented Mar 29, 2017 • edited

bigrocs commented Mar 29, 2017 • edited

HadiChen commented Mar 29, 2017

faelssim commented Mar 29, 2017

bigrocs commented Mar 29, 2017

bigrocs commented Mar 29, 2017

QingWei-Li commented Mar 29, 2017

TaylerTao commented Mar 29, 2017

super-newbie94 commented Apr 21, 2017

Leopoldthecoder commented Apr 21, 2017

super-newbie94 commented Apr 24, 2017

vincepeng commented Jul 16, 2017

tbphp commented Jul 16, 2017

select组件被destroy时出现TypeError: Cannot read property 'resizeListeners' of undefined #3797

select组件被destroy时出现TypeError: Cannot read property 'resizeListeners' of undefined #3797

lincenying commented Mar 27, 2017 •

edited by QingWei-Li

rubickecho commented Mar 28, 2017 •

edited

Zeno-Code commented Mar 28, 2017 •

edited

pa-bouly commented Mar 28, 2017 •

edited

bigrocs commented Mar 29, 2017 •

edited

bigrocs commented Mar 29, 2017 •

edited

bigrocs commented Mar 29, 2017 •

edited

bigrocs commented Mar 29, 2017 •

edited