Warnings on console when using Menu component #3998

ais-one · 2021-04-27T00:35:48Z

I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.1.3

Environment

Windows 10, Chrome 89, Vue 3.0.11

Reproduction link

https://2x.antdv.com/components/menu

Steps to reproduce

Use the example code for Menu, with version ant-design-vue version 2.1.3

What is expected?

It is working properly but...

What is actually happening?

There is warnings in the console

reactivity.esm-bundler.js:337 Set operation on key "" failed: target is readonly. {: 1, __vInternal: 1, default: ƒ}

jiubanqingchen · 2021-04-27T00:47:29Z

我这边也出现了同样的问题，目前还不知道是啥原因，就是更新了新的版本之后就冒出来了

kriszheng-cashwerkz · 2021-04-27T01:43:08Z

The same warnings occur when hovering or clicking on menu items. It does not have any impact to the functionalities and the warnings don't show after build.

zkwolf · 2021-04-27T02:52:59Z

似乎没复现出来，哪个例子有问题我去试试

lemonchip · 2021-04-27T06:12:35Z

I also had the same problem ：the console warning Set operation on key "xxxx" failed: target is readonly.

liulei92 · 2021-04-27T07:00:28Z

I also had the same problem ：the console warning Set operation on key "xxxx" failed: target is readonly.

i, too

liulei92 · 2021-04-27T08:54:22Z

具体demo
warning：Set operation on key "expandIcon" failed: target is readonly.

munu中使用了
<template #expandIcon> <i class="icomoon icon-arrow_right"></i> </template>
自定义了expandIcon

bao2314483 · 2021-04-27T09:29:39Z

我也是出現這個問題,報錯誤是Set operation on key "default" failed: target is readonly.
引起這個錯誤的代碼是如下

<a-menu theme="dark" mode="inline" v-model:selectedKeys="SelectedKeys" @click="OnMuenClick">
        <a-menu-item v-for="Item in Routers" :key="Item.name">
          <SvgIcon :name="Item.meta?.icon" />
          <span>{{ Item.meta?.title }}</span>
        </a-menu-item>
      </a-menu>

reaink · 2021-04-27T09:34:36Z

俺也一样
The same for me

rmlzy · 2021-04-28T08:27:50Z

mark

rmlzy · 2021-04-28T08:31:17Z

v2.1.2 没有此问题

zkwolf · 2021-04-28T08:46:28Z

检查一下warning的vue版本？

bao2314483 · 2021-04-28T08:56:32Z

v2.1.2 没有此问题

升級了2.1.3就出現了

rmlzy · 2021-04-28T08:59:40Z

@zkwolf [email protected]

jiubanqingchen · 2021-04-28T09:00:39Z

检查一下warning的vue版本？

我前天试过，将vue版本回退到3.0.6也不行，3.0.11也是一样会出先这个问题，用的vite

ndrshn · 2021-04-28T10:34:30Z

[email protected]
[email protected]
[email protected]

same warnings

reaink · 2021-04-28T10:46:00Z

"vue": "3.0.11",
"ant-design-vue": "2.1.3",
"vite": "^2.2.3",

There is this warning message

zkwolf · 2021-04-28T14:55:20Z

It seems that only vite env will report this warning, I reproduce this warning with [email protected]. Is there anyone have this warning without vite env?

huangzhengyon · 2021-04-29T03:42:49Z

I had the same problem

TimRChen · 2021-04-29T06:04:59Z

mark.

bandaoqiu · 2021-04-29T07:57:00Z

[email protected]
[email protected]
[email protected]

same warning

JobinJia · 2021-04-29T08:20:49Z

mark

zjlovezj · 2021-04-29T09:19:34Z

"mark" or "I have the same problem" is very annoying, please stop spamming this thread.

rmlzy · 2021-04-29T12:57:31Z

It seems that only vite env will report this warning, I reproduce this warning with [email protected]. Is there anyone have this warning without vite env?

@vue/cli-service 4.5.12

ais-one · 2021-04-30T00:54:49Z

If it helps... this is the versions that I see the problem, my env is vite

"vue": "^3.0.11",
"@vitejs/plugin-vue": "^1.2.2",
"@vue/compiler-sfc": "^3.0.11",
"vite": "^2.2.3"

fengbaoheng · 2021-04-30T02:11:02Z

鼠标滑过Menu组件时报这个问题，也是最近更新过依赖版本后才有的
"dependencies": {
"@ant-design/icons-vue": "^6.0.1",
"ant-design-vue": "^2.1.2",
"vue": "^3.0.11",
"vuex": "^4.0.0"
},

tangjinzhou · 2021-04-30T03:16:08Z

use vue 3.0.10

ref vuejs/core#3695

fengbaoheng · 2021-04-30T05:02:48Z

use vue 3.0.10

ref vuejs/vue-next#3695

I've tried, but it's still unresolved.
"ant-design-vue": "^2.1.2",
"vue": "^3.0.10"

tuyutian · 2021-04-30T07:07:33Z

用的异步数据更新SubMenu的时候，就会这样，连带着其他固定写死的副菜单也会报这个warning，鼠标一移上去就会

"dependencies": {
"@ant-design/icons-vue": "^6.0.1",
"ant-design-vue": "^2.1.3",
"axios": "^0.21.1",
"vue": "^3.0.11",
}
移上去报一批移下来报一批

tangjinzhou · 2021-05-13T08:31:07Z

vue 同步使用 3.0.10
依然还有少量 warning ，等待 vue 修复了

ais-one · 2021-05-13T16:11:59Z

我的菜单有50多个，每次热更新之后就会报警告，改几次代码之后警告4000多个，当场卡死😭😭😭😭😭

I am requesting for vue team the increase the urgency from p3-minor-bug, it should be p1

vuejs/core#3695 (comment)

zhenzhenChange · 2021-05-13T18:08:29Z

我的菜单有50多个，每次热更新之后就会报警告，改几次代码之后警告4000多个，当场卡死😭😭😭😭😭

I am requesting for vue team the increase the urgency from p3-minor-bug, it should be p1

vuejs/vue-next#3695 (comment)

Good brother thank you ~

After replacing this item with v2.1.6 for my 50+ menus, the warning was removed and another small item was synchronized with the version and there was actually, hahaha my goodness

zhenzhenChange · 2021-05-13T18:09:04Z

vue 同步使用 3.0.10
依然还有少量 warning ，等待 vue 修复了

辛苦了

Kunkka0229 · 2021-05-14T06:30:01Z

同样的问题

jackywu · 2021-05-16T10:05:07Z

还没有最终解决么？菜鸟也踏入此坑了。

bao2314483 · 2021-05-19T12:30:34Z

update 2.1.6

我刚刚试了2.16
vue:3.0.10
依然有警告

lizaiya · 2021-05-21T03:31:50Z

我刚刚试了2.16
vue:3.0.10
依然有警告

ais-one · 2021-05-21T07:07:33Z

Hi All,

If you want to bring the issue to attention of VueJS maintainers, the issue link is here...

vuejs/core#3695

arthur-0595 · 2021-05-23T06:12:06Z

mark！

chenhaizano · 2021-05-24T06:45:00Z

mark

package.json dependencies

"ant-design-vue": "^2.1.6",
"vue": "^3.0.0",

components

Menu

warn

Set operation on key "default" failed: target is readonly.

pprory · 2021-05-25T02:51:27Z

mark!

wwhsuccess · 2021-05-25T05:41:11Z

还是这个问题，一直没法解决。

zhangshaoying19 · 2021-05-27T11:51:12Z

"ant-design-vue": "2.1.2",
"vue": "3.0.11",

"vite":^2.3.3

no warning

ais-one · 2021-05-28T01:52:45Z

Hi,

The fixes have been merged... vuejs/core#3698

Please wait for the next update of vue-next, and then try out the fixes.

The fix for this issue currently depends on vue and not ant-design-vue team.

xiaohuaye · 2021-05-31T09:11:40Z

mark

dokodream · 2021-06-03T06:57:30Z

只要是修改:selectedKeys的引用值就会报这个问题，不是vue的问题

qinyugithub · 2021-06-03T07:36:28Z

version 2.1.6;
[email protected] ；
still warnings

fuyongshuai7 · 2021-06-04T06:32:29Z

mark

qiuyaofan · 2021-06-04T09:06:20Z

v2.1.2 没有此问题

然而，vite build会报错～
#3895

catelina95 · 2021-06-07T08:37:30Z

"vue": "^3.0.0",
"ant-design-vue": "2.1.6",
still warngings.....

catelina95 · 2021-06-07T08:45:10Z

"ant-design-vue": "2.1.2",
"vue": "3.0.11",

"vite":^2.3.3

no warning

实测可用!!! "ant-design-vue": "2.1.6" 却报错!!

ais-one · 2021-06-08T00:48:18Z

vue 3.1.1 has no more warnings, but a problem with layout is created...

#4173

335296558 · 2021-06-12T12:43:14Z

The version I use is:
"vite": "2.1.5"
"vue": "3.0.10" || "vue": "3.0.11"
Both Set operation on key "default" failed: target is readonly. Question。

Then I updated vue to "vue": "3.1.1" The problem was solved

把vue 更新到 "vue": "3.1.1" 就好了

github-actions · 2022-06-13T01:02:41Z

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

zkwolf added a commit to zkwolf/ant-design-vue that referenced this issue Apr 29, 2021

fix: remove enableObjectSlots vueComponent#3998

5f67953

tangjinzhou added the waiting Vue label Apr 30, 2021

ais-one mentioned this issue May 13, 2021

Slot throws warning when passed down to component and rerendered vuejs/core#3695

Closed

xicheng412 mentioned this issue May 28, 2021

Menu component has many warnings under version 2.1.6/2.1.4 #4113

Closed

1 task

ajuner mentioned this issue Jun 2, 2021

When using #title and #default slots, a large number of warnings are caused when the mouse is hovered to the Menu menu #4156

Closed

1 task

github-actions bot added the outdated label Jun 13, 2022

github-actions bot locked as resolved and limited conversation to collaborators Jun 13, 2022

Warnings on console when using Menu component #3998

Warnings on console when using Menu component #3998

Comments

ais-one commented Apr 27, 2021

Version

Environment

Reproduction link

Steps to reproduce

What is expected?

What is actually happening?

jiubanqingchen commented Apr 27, 2021

kriszheng-cashwerkz commented Apr 27, 2021 • edited Loading

zkwolf commented Apr 27, 2021

lemonchip commented Apr 27, 2021

liulei92 commented Apr 27, 2021

liulei92 commented Apr 27, 2021

bao2314483 commented Apr 27, 2021

reaink commented Apr 27, 2021

rmlzy commented Apr 28, 2021

rmlzy commented Apr 28, 2021

zkwolf commented Apr 28, 2021

bao2314483 commented Apr 28, 2021

rmlzy commented Apr 28, 2021

jiubanqingchen commented Apr 28, 2021

ndrshn commented Apr 28, 2021

reaink commented Apr 28, 2021

zkwolf commented Apr 28, 2021

huangzhengyon commented Apr 29, 2021

TimRChen commented Apr 29, 2021

bandaoqiu commented Apr 29, 2021

JobinJia commented Apr 29, 2021

zjlovezj commented Apr 29, 2021

rmlzy commented Apr 29, 2021

ais-one commented Apr 30, 2021

fengbaoheng commented Apr 30, 2021

tangjinzhou commented Apr 30, 2021 • edited Loading

fengbaoheng commented Apr 30, 2021

tuyutian commented Apr 30, 2021

tangjinzhou commented May 13, 2021

ais-one commented May 13, 2021

zhenzhenChange commented May 13, 2021

zhenzhenChange commented May 13, 2021

Kunkka0229 commented May 14, 2021

jackywu commented May 16, 2021

bao2314483 commented May 19, 2021

lizaiya commented May 21, 2021

ais-one commented May 21, 2021

arthur-0595 commented May 23, 2021

chenhaizano commented May 24, 2021

package.json dependencies

components

warn

pprory commented May 25, 2021

wwhsuccess commented May 25, 2021

zhangshaoying19 commented May 27, 2021 • edited Loading

ais-one commented May 28, 2021

xiaohuaye commented May 31, 2021

dokodream commented Jun 3, 2021

qinyugithub commented Jun 3, 2021

fuyongshuai7 commented Jun 4, 2021

qiuyaofan commented Jun 4, 2021

catelina95 commented Jun 7, 2021

catelina95 commented Jun 7, 2021

ais-one commented Jun 8, 2021 • edited Loading

335296558 commented Jun 12, 2021 • edited Loading

github-actions bot commented Jun 13, 2022

kriszheng-cashwerkz commented Apr 27, 2021 •

edited

Loading

tangjinzhou commented Apr 30, 2021 •

edited

Loading

zhangshaoying19 commented May 27, 2021 •

edited

Loading

ais-one commented Jun 8, 2021 •

edited

Loading

335296558 commented Jun 12, 2021 •

edited

Loading