原因是界说了一个叫做details的comonent
跟现有的html网页中的标签重合

export default { name: 'details', data () { return { equityBalance: this.item.equityData, depositWithdraw: this.item.depositWithdraw, symbol: 3, //真实的出金记录 withdrawData: {}, //真实的入金记录 depositData: {} }; } }

组件，不能和html标签反复

details组件，h5新标签反复

由于在模板需要插入到 DOM 中，所以模板中的标签名必需能够被 DOM 正确地解析。主要有三种情况：

一是完全不同法的标签名，，例如 </>；

二是与 HTML 元素重名会孕育产生不确定的行为，例如使用 input 做组件名不会解析到自界说组件，使用 button 在 Chrome 上正常但在 IE 上不正常；

三是与 Vue 保存的 slot、partial、component 重名，因为会优先以自己的意义解析，从而孕育产生非预期的功效。

解决步伐： 步伐1： 如果我们给与正确定名，并对应改削上述代码，将details纠正,即可消除报错。 步伐2： 也可以直接删除name 属性。 站在巨人的肩膀上摘苹果:

https://blog.csdn.net/qq_35393869/article/details/80364951

https://www.cnblogs.com/qingqingzou-143/p/7068514.html

vue中报错Do not use built-in or reserved HTML elements as component id details