Vue 脚手架运行报错： error Component name “XXX“ should always be multi-word

问题描述

最近在学习 Vue 脚手架部分过程中遇到了一个问题，运行脚手架时提示：

error  Component name "Student" should always be multi-word

检查了一下代码，创建的 Student 组件没有问题，在 App.vue 文件中也正常引入了，也不是 Html 关键字，但是为什么运行会报错呢？

看下面代码块中的翻译可以大致猜到，vue 提示我们组件的名称应该时多词，我现在用的时一个单词，所以会出现这个问题。

// 错误成分名称"学生"应始终为多词
error  Component name "Student" should always be multi-word

解决方法：

修改为多词

于是我尝试把组件名称修改为多词，将组件名称由 Student 修改为 MyStudent ，重新运行一下可以看到运行成功了：

修改配置项

在根目录下，找到 vue.config.js 文件，修改里面内容如下：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false // 关闭每次保存都进行语法检测
})

可以看到下图运行成功了：