我正在使用 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
最佳答案
如果组件中有名称,请删除名称之间的空格。例如
export default {
name: 'Assign Role'
}
将其更改为:
export default {
name: 'AssignRole',
}
关于javascript - 组件名称无效 : "pages/product/_slug.vue". 组件名称应符合 html5 规范中有效的自定义元素名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60169343/