validateComponentName Uncaught TypeError: Cannot read property 'toLowerCase' of undefined

最新推荐文章于 2022-05-01 13:21:54 发布

sj206327327206

最新推荐文章于 2022-05-01 13:21:54 发布

阅读量8.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：疑难杂症 Vue

本文链接：https://blog.youkuaiyun.com/u011244682/article/details/84842801

10 篇文章

订阅专栏

7 篇文章

订阅专栏

本文详细解析了在Vue项目中，由于组件名称未正确设置导致的validateComponentNameUncaughtTypeError错误。通过具体示例，展示了如何在组件的.vue文件中正确声明name属性，并确保在全局安装时组件能被正确注册。

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

在搭建前端组件库项目时，写好自己的组件库，然后发布到npm ，在另一个项目中引用发的的组件时，出现 validateComponentName Uncaught TypeError: Cannot read property 'toLowerCase' of undefined 错误，

组件是以插件的方式全局安装的，因此需要组件项目中有个index文件,提供了install 方法，如下：

const install = function (Vue) {
  if (install.installed) return
  components.map(component => Vue.component(component.name, component))
}

这个组件注册时会验证每个组件的名字，我注册的某个组件在其xx.vue 中声明 name: xxx, 具体例子：

export default {
  name: 'dxy-modal', // name属性没写导致项目使用组件出错
  data () {
  	return {
  	}
  }
}