Vue中报error Component name "login" should always be multi-word vue/multi-word-comp错误信息

一、前言

在我们写Vue项目的时候可能会报出这样一个错误：建议修改文件名的信息，具体显示信息如下：

error Component name "login" should always be multi-word vue/multi-word-comp

 

二、报错原因

在执行项目的时候，内部会对我们的代码语法进行检查，对于我们命名不规范的组件会直接报错

 

三、解决方法

1、更该组件名称，让它符合JS命名规范，但是这种方法会增加我们的工作量，不推荐使用。

 

2、在我们的项目中找到vue.config.js文件，配置改文件，配置信息如下：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false
})

一般有vue.config.js这个文件的只需要添加下面的一行代码就行

lintOnSave:false