エラー「コンポーネント名 "*****" は常に複数の単語である必要があります」の解決策

質問

vue-cli で作成したプロジェクトでは、ファイルを作成して名前を付けた後、“Component name "*****" should always be multi-word” 报エラー。

Component name "index" should always be multi-word.eslintvue/multi-word-component-names

理由：

コンポーネントに名前を付ける場合、ESLint の公式コード仕様に従って名前が付けられるわけではありません。ESLint の公式コード スタイル ガイドによると、ルート コンポーネント (App.vue) を除き、他のカスタム コンポーネントはビッグ ハンプ命名方法または「-」を使用して命名する必要があります。単語と名前を結びつける。

解決：

次のように、eslint 検証を
追加して閉じるようにvue.config.js ファイルを構成します。 lintOnSave: false

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

!!! 構成ファイルを変更した後、有効にするためにプロジェクトを再起動する必要があることに注意してください。