跟着B站尚硅谷张天禹老师的Vue课程，学到P61创建Vue脚手架的时候，出现命名报错问题，特地记录一下。

10:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs
11:8 error Component name “School” should always be multi-word vue/multi-word-component-names

在Vue 2的脚手架中，组件命名报错通常是由于命名规则不符合Vue的要求所引起的。

解决方法

1. 将组件名改为多个单词大驼峰命名方式或者用“-”连接单词进行命名。例如：StudentName或者student-name。
2. 关闭语法检查
   
   

根目录下找到vue.config.js，打开js文件，添加lintOnSave: false /*关闭语法检查*/ 这条语句来关闭语法检查。

Vue要求组件的命名必须遵循以下规则：

1. 组件名必须以字母开头。
2. 组件名可以包含字母、数字和连字符（-）。
3. 组件名不可以使用纯数字命名。
4. 组件名不可以使用Vue保留的关键字，如"slot"、"component"等。

而我们出现 “Component name should always be multi-word” 的错误时，这是Vue对命名规范的建议，而不是强制要求。将组件名改为多个单词大驼峰命名方式或者用“-”连接单词进行命名。

如果组件命名报错，可能是由于违反了上述规则。以下是一些常见的命名报错及解决方案：

1. 报错：Component names can only contain alphanumeric characters and the hyphen character（组件名只能包含字母、数字和连字符）。
   解决方案：检查组件名是否包含非法字符，确保只包含字母、数字和连字符，并且以字母开头。

2. 报错：Component names cannot start with numbers（组件名不能以数字开头）。
   解决方案：将组件名修改为以字母开头。

3. 报错：Do not use built-in or reserved HTML elements as component id: slot（不要将内置或保留的HTML元素用作组件名，如"slot"）。
   解决方案：选择一个不冲突的组件名，避免使用Vue的保留关键字或HTML元素名称。

4. 报错：其他与命名相关的报错信息。
   解决方案：仔细阅读报错信息，根据报错信息中提供的提示调整组件名，确保符合Vue的命名规则。

总之，要解决Vue 2脚手架中组件命名报错问题，需要确保组件命名符合Vue的命名规则，并避免使用保留关键字或HTML元素名称作为组件名。