javascript - 无效的组件名称:“pages/product/_slug.vue”。组件名称应符合 html5 规范中的有效自定义元素名称
问题描述
我正在使用 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',
}
推荐阅读
- mvvm - Xamarin 在列表中形成列表(使用 prism 导航)
- python - pyodbc执行sqlserver存储过程——如何为用户定义表传入DEFAULT参数
- python - 如何在 HMTL/Bootstrap4 中使用变量作为选择器?
- c++ - 多线程中的工作池内存泄漏
- ios - 用原点阻止了一个框架
- java - 为什么下面代码的输出是这个映射:{1=[Dd,Ff], 2=[Dd,Ff], 3=[Dd,Ff], 4=[Dd,Ff]}?
- python - 如何将一个变量的输入变成一个列表?
- javascript - Revenuecat React-Native 产品获得空对象?
- python-3.x - 在 groupby 之后需要关于 agg 函数的帮助,以便最后进行操作 - 首先
- apache-kafka - 如何通过 Producer 端配置处理 kafka 中的大消息?