vue控制台报错Extraneous non-props attributes (class) were passed to component but could not be automatica

完整报错信息

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

报错翻译

无关的非道具属性(类)被传递给组件，但不能被自动继承，因为组件呈现片段或文本根节点。

存在的问题

根据报错信息
首先检查是否传递了没有解析的属性，可以检查一下你用的第三方的组件，或者自己编写的组件，是否存在没有解析的属性，例如：class等属性

其次，还有一个重要原因是组件呈现片段或文本根节点，即组件暴露在了最外层。也就是vue内置或封装的组件、使用的第三方组件是否直接放在了template下。外面套一层div即可解决。

vue控制台报错Extraneous non-props attributes (class) were passed to component but could not be automatica相关推荐

[vue]Extraneous non-emits event listeners (x) were passed to component but could not be automatica
vue报错说: [Vue warn]: Extraneous non-emits event listeners (addToCart) were passed to component but co ...
vue控制台报错Duplicate keys detected: 'xxxx'. This may cause an update error.解决方案
key值是必须唯一的,如果重复就会报错可以把key值改为index(其实就是用索引做key值),就可以避免这个情况添加一个索引key即可 <tr v-for="(item,inde ...
vue控制台报错Duplicate keys detected：‘xxxx‘.This may canse an update error
场景:一打开页面就报这个错误,但是丝毫不影响页面和其他功能,虽然不影响使用,但是报错还是要解决的. 原因就是:v-for循环里,key值重复了,key值必须是唯一的,如果重复就会报错,找到页面把 :k ...
控制台报错element: ＜Goods＞ - did you register the component correctly? For recursive components, make sur
element: - did you register the component correctly? For recursive components, make sure to provide ...
前端开发：Vue项目报错Unknown custom element：XXX - did you register the component correctly…的解决方法丨蓄力计划
导读 Vue项目报错Unknown custom element:XXX - did you register the component correctly-的解决方法. 问题前段时间在做前端项目 ...
Vue3报错：Extraneous non-props attributes (ref_key) were passed to component but could not be automatic
Vue3报错:Extraneous non-props attributes (ref_key) were passed to component but could not be automatic ...
【解决】控制台报错Uncaught TypeError: Object(...) is not a function at eval (vue-router.esm-bundler.js
打开http://localhost:8080/,控制台报错 Uncaught TypeError: Object(...) is not a functionat eval (vue-router. ...
Invalid component name: “Home,“. Component names should conform to valid custom element。。。控制台报错
[Vue warn]: Invalid component name: "News,". Component names should conform to valid custo ...
Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION
问题描述:Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION 原因: 服务器使用了TLS1.0 或 TLS1.1 版本,没有使用 TLS1.2 解决方法: 地址栏访 ...
Vue项目报错TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string
# Vue项目报错TypeError [ERR INVALID ARG TYPE]: The "path" argument must be of type string 卡了半 ...

vue控制台报错Extraneous non-props attributes (class) were passed to component but could not be automatica

完整报错信息

报错翻译

存在的问题

vue控制台报错Extraneous non-props attributes (class) were passed to component but could not be automatica相关推荐

最新文章

热门文章