1. 背景

WARN Two component files resolving to the same name
という警告の対処方法について調べました。

Preparing project for development
ℹ Initial build may take a while

 WARN  Two component files resolving to the same name BaseDescription:

 - /Users/yamanedaisei/Desktop/develop/~/components/base/Description.vue
 - /Users/yamanedaisei/Desktop/develop/~/components/base/BaseDescription.vue

2. 警告内容

同じ名前に解決される2つのコンポーネント・ファイルがあります。

3. 警告の詳細調査

実際は同じ名前ではないです。

Description.vue

export default {
  name: 'Description',

BaseDescription.vue

export default {
  name: 'BaseDescription',

importする際も同じ名前ではimportしてないです。

<script>
import BaseDescription from '~/components/base/BaseDescription'

<script>
import Description from '~/components/base/Description'

ちなみに以下の記事にも書いてある通りnameプロパティとコンポーネント名は関係ないです。
【Vue】export defaultのnameとは何か？いつどこで何に使い、なぜ必要なのか？意味と役割を実例で解説（Vue.js devtoolsでのデバッグ方法）

4. 解決方法

どちらかのフィイル名のDescription(似ている部分)を違う名前に変更する
例）Component

警告は出なくなりました。
似たような名前の時にも警告が出るようになっているそうです。

5. 最後に

以下を今回の対応で勉強しました。

nameプロパティがコンポーネント名と関係ない
名前解決では似たような名前でも警告を出すことがある

Two component files resolving to the same name

目次

1. 背景

2. 警告内容

3. 警告の詳細調査

4. 解決方法

5. 最後に

参考