naive-ui: Upload console warning: [Vue warn]: Extraneous non-props attributes (mode) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at

TuSimple/naive-ui version (版本)

2.34.3

Vue version (Vue 版本)

3.2.47

Browser and its version (浏览器及其版本)

Vivaldi 5.6.2867.62

System and its version (系统及其版本)

Archlinux

Node version (Node 版本)

19.6.0

Reappearance link (重现链接)

https://www.naiveui.com/en-US/light/components/upload

Reappearance steps (重现步骤)

Use NUpload component this way:

  <NUpload
    @beforeUpload="handleUpload($event.file)"
    accept="text/html"
    trigger-style="height: 100%"
  />

Expected results (期望的结果)

No warning in browser console

Actual results (实际的结果)

[Vue warn]: Extraneous non-props attributes (mode) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. 
  at <TransitionGroup name="fade-in-height-expand-transition" mode=undefined appear=false  ... > 
  at <FadeInExpandTransition group=true > 
  at <UploadFileList> 
  at <Upload onBeforeUpload=fn accept="text/html" trigger-style="height: 100%"  ... >

Remarks (补充说明)

This is a minor issue which could be easily workaround from user side using :show-file-list="false" prop.

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Reactions: 3
  • Comments: 18 (3 by maintainers)

Commits related to this issue

Most upvoted comments

@hanpandeng Since this PR is still open (not merged) you will have to wait for a merge then a release. After that, yarn upgrade will be enough.

In the meantime, use :show-file-list="false" prop as a workaround (if you are not using the file list feature, ofc).

我看这个问题已经在2月14号修复了,但是怎么样才能更新到本地项目里呢? image