脚手架报错: Component name “Student“ should always be multi-word vue/multi-word-component-names

问题描述:

运行 npm run serve

命令行提示报错: 

Component name “Student“ should always be multi-word vue/multi-word-component-names

原因分析:

我们安装好一个脚手架的时候,vsCode中的面板是这样的:

会产生以下面板:

这个 @eslint 是一个 语法检查 的插件, 

在 vue cli(脚手架)中, 官方建议我们的组件名为 大驼峰写法 或者 中横线链接(-), 

因为我的组件名是一个单词,

所以会产生一个警告,

而 @ellint 在进行语法检查的时候, 会将这些警告当成错误处理

所以,你一运行 npm run serve , 就 gg 了!

解决方案:

当你安装完成一个脚手架时,面板中会有一个vue.config.js文件, 点开它是这样的:

在 transpileDependencies: true 下面在添加一行代码如下:

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

然后, 这样:

再然后, 问题就解决了.🙃

快去试试吧 !