vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

发布时间 2023-11-21 09:42:08作者: Steperouge

今天的开发中发现了这个问题

Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

  • 原因: 是因为vue3中允许在<template>中不设置根节点, 所以我在某个页面中没有使用根节点, 但是<router-view>上我添加了class="container"的类名, 这个类名会被添加到组件的根节点上, 但是组件现在没有根节点, 因此就出现这个问题
  • 解决: 为组件添加根节点. 之后container类名会被添加到根节点上