Javascript 无效的组件名称："；pages/product/_slug.vue"；。组件名称应符合html5规范中的有效自定义元素名称

我使用的是Nuxt.js，有一些动态路由。我的文件夹结构如下：

- pages
 - product
  - _slug.vue

我像这样链接到路线：

<nuxt-link :to="{ name: 'product-slug', params: { slug: product.slug } }">

---

我发现了这个问题，但没有什么用处：

如果组件中有名称，请删除名称之间的空格。e、 g

export default {
  name: 'Assign Role'
}

将其更改为：

export default {
  name: 'AssignRole',
}

---

此错误消息的原因是

\u slug.vue

组件的名称与文件名相同

---

我希望它是

name=''u slug.vue'

您需要将它更改为类似这样的

name='ProductItem'

我不确定这是一个bug还是什么

但是在给我的组件命名之后，修复了这个问题，如下所示

  export default {
    name: 'NameOfTheCompnent',
    ...
  }

---

您是否尝试过

？或者如果您没有从该文件导出，则添加该文件他是正确的。如果未在组件中指定“名称”，Nuxt会将路径指定为名称。您需要添加：

export default{name:'componentName'，…}

来修复警告。

  export default {
    name: 'NameOfTheCompnent',
    ...
  }