[Vue warn]: Do not use built-in or reserved HTML elements as component id: header,解决办法

报错信息如下:

[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
在这里插入图片描述
报错原因: 组件的名称用到了 html 的标签header,代码如下:

<template>
  <header class="header">
  </header>
</template>
<script>

export default {
    
    
  name: "header",

};
</script>

解决办法
另外起一个名字

<template>
  <header class="header">
  </header>
</template>
<script>

export default {
    
    
  name: "topHeader",

};
</script>

猜你喜欢

转载自blog.csdn.net/fd2025/article/details/124322096#comments_21571379