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

Question

我正在使用 Nuxt.js 并且有一些动态路由。我的文件夹结构是这样的：

 - pages
 - product
  - _slug.vue

我链接到这样的路线：

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

它工作正常，它显示正确的 URL 并且还可以正常引导页面，但是，我在控制台中收到一个恼人的红色错误：

 [Vue warn]: Invalid component name: "pages/product/_slug.vue". Component names should conform to valid custom element name in html5 specification.

我发现了这个问题，但收效甚微： https ://github.com/nuxt/nuxt.js/issues/165

原文由 FooBar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在组件中有名称的地方删除名称之间的空格。例如

export default {
  name: 'Assign Role'
}

将其更改为：

 export default {
  name: 'AssignRole',
}

原文由 Ghost Of Winterfell 发布，翻译遵循 CC BY-SA 4.0 许可协议