出现的问题

在我们写完脚手架运行 npm run serve 后控制台报错

vue脚手架报错：“Component name “***“ should always be multi-word”解决方法

 页面报错

vue脚手架报错：“Component name “***“ should always be multi-word”解决方法

 报错的原因

 在为自定义组件命名的时候未按照官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件（App.vue）以外，其他自定义组件命名都要使用大驼峰命名方式或者用“-”连接单词进行命名；

这里的报错不影响页面的编译，只是告诉你命名规范不对，当我们关闭提示发现，写的代码依旧有效

vue脚手架报错：“Component name “***“ should always be multi-word”解决方法

但是控制台一直报错很影响程序员，所以我们也可以选择一些方法避开报错

解决方法

1.重新对组件进行命名

根据报错原因可以知道，是因为我们的组件名称（Count）不规范，那么我们可以规范把我们的组件名，即把（Count）组件名改为大驼峰命名方式或者用“-”连接单词进行命名

这里我们改为了（MyCount）

vue脚手架报错：“Component name “***“ should always be multi-word”解决方法

重新npm run serve后发现，控制台不再报错了

vue脚手架报错：“Component name “***“ should always be multi-word”解决方法

2.关闭语法检查

 第二种方法是重源头解决了，因为如命名规范错误大概率不会影响我们练习时的代码，所以可以选择关闭语法检查来解决。

步骤

创建脚手架后找到vue.config.js文件

vue脚手架报错：“Component name “***“ should always be multi-word”解决方法

 在里面加入这行代码：lintOnSave:false  //关闭语法检查

vue脚手架报错：“Component name “***“ should always be multi-word”解决方法

重新运行npm run serve，发现还是（Count）组件，但不再报错了。

vue脚手架报错：“Component name “***“ should always be multi-word”解决方法

 ps：如果没有vue.config.js文件可以自己创建一个

 写文章的经验较少，讲的不清楚欢迎大家评论区提问

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。