devtools icon indicating copy to clipboard operation
devtools copied to clipboard

When developing Vue3, the plugin throws a lot of warnings

Open xxwangkaimin opened this issue 2 years ago • 1 comments

Vue devtools version

6.4.5

Link to minimal reproduction

https://github.com/xxwangkaimin/vue-element-plus-admin

Steps to reproduce & screenshots

1.download this project(https://github.com/xxwangkaimin/vue-element-plus-admin) 2.download dependencies(npm install) 3.run project(npm run dev) 4.open developer tools and click vue.js devtools(google browser). 5.open multiple left navigation bars in succession,console alarm:[Vue warn]: Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead. 6.this error will not be reported when I close vue.js devtools. image image image

What is expected?

the console does not report this warning

What is actually happening?

When I open tags view and activate vue.js devtools, I will report this warning. image

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz
    Memory: 5.37 GB / 15.73 GB
  Binaries:
    Node: 14.19.1 - C:\development\nodejs\node.EXE
    npm: 6.14.16 - C:\development\nodejs\npm.CMD
  Browsers:
    Chrome: bookmarks.html
initial_preferences
    Edge: Spartan (44.19041.1266.0), Chromium (108.0.1462.54)
    Internet Explorer: 11.0.19041.1566
  npmPackages:
    vue: 3.2.45 => 3.2.45

Any additional comments?

No response

xxwangkaimin avatar Jan 05 '23 09:01 xxwangkaimin

Vue devtools version

6.4.5

Link to minimal reproduction

https://github.com/xxwangkaimin/vue-element-plus-admin

Steps to reproduce & screenshots

1.download this project(https://github.com/xxwangkaimin/vue-element-plus-admin) 2.download dependencies(npm install) 3.run project(npm run dev) 4.open developer tools and click vue.js devtools(google browser). 5.open multiple left navigation bars in succession,console alarm:[Vue warn]: Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead. 6.this error will not be reported when I close vue.js devtools. image image image

What is expected?

the console does not report this warning

What is actually happening?

When I open tags view and activate vue.js devtools, I will report this warning. image

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz
    Memory: 5.37 GB / 15.73 GB
  Binaries:
    Node: 14.19.1 - C:\development\nodejs\node.EXE
    npm: 6.14.16 - C:\development\nodejs\npm.CMD
  Browsers:
    Chrome: bookmarks.html
initial_preferences
    Edge: Spartan (44.19041.1266.0), Chromium (108.0.1462.54)
    Internet Explorer: 11.0.19041.1566
  npmPackages:
    vue: 3.2.45 => 3.2.45

Any additional comments?

No response

Hello Mybe You Can Try Silent Option Or Config Vue if this still doesnt Work Try Throw New Typerror,Do Not Use SVG FILE EXTENSION

j4acks0n avatar May 15 '23 07:05 j4acks0n