vue name命名错误 Do not use built-in or reserved HTML elements as component

aspirant-complete

于 2023-08-05 14:58:41 发布

阅读量3.6k

点赞数 2

分类专栏： Vue 文章标签： vue.js html 前端

本文链接：https://blog.youkuaiyun.com/god_sword_/article/details/132119893

版权

21 篇文章

订阅专栏

文章讨论了在Vue项目中，使用内置或保留的HTML元素如header作为组件ID时可能导致的命名冲突问题，提出应修改组件名称以防止冲突，并给出了相应代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

描述：
Do not use built-in or reserved HTML elements as component id: header

这里指的是components的名称命名不正确。

在项目中我使用的是header 作为组件名称，但是在前端html中这个是内置组件来的，名称已被占用不能再使用这些名称了。

解决方法：
把命名修改一下，避免名称冲突就好了。

mport MyHeader from './layout/header/index.vue'

export default {
  name: 'App',
  components: {
    // HelloWorld,
    MyHeader
  }
}

若引用改了还是报错啦，可以查看下vue页面的

    export default {
        name: 'header',
    }

是不是也名称冲突了。