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