Vue脚手架报错： Component name “xxx“ should always be multi-word（vue/multi-word-component-names）的解决办法

报错图片

报错原因

根据报错信息大概翻译：组件名"School"应该使用多个单词拼接横线组成

之所以报错，是因为语法检查的时候把命名不规范当成了错误。

虽然官方文档建议我们使用大驼峰或者是使用短横线"-"衔接的方式，但其实也可以使用单个单词的

解决方法

1、修改组件名

将School.vue修改为SchoolName.vue

2、关闭驼峰命名规则

找到package.json文件，在"rules": 中添加如下代码：

/*关闭驼峰命名规则*/
"vue/multi-word-component-names": 0

代码示意图

3、关闭语法检测提示

找到vue.config.js文件,在里面添加如下代码

  lintOnSave:false /*关闭语法检查*/

代码示意图