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即可解决。