鍍金池/ 問答/HTML/ vue組件（文件）命名重名或命名大小寫方面的疑惑

vue組件（文件）命名重名或命名大小寫方面的疑惑

問題描述

我的項(xiàng)目在升級了一個(gè)ui組件庫后，run dev出現(xiàn)以下警告：

There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.

我的理解是組件名沖突（重復(fù)）了，也有人說是組件名大小寫問題。

問題主要疑惑

當(dāng)我退回ui組件版本，警告就會消失。
然后嘗試升級了5個(gè)不同版本，發(fā)現(xiàn)只要升級都會出現(xiàn)上方的警告。

問題需要解決的幾個(gè)關(guān)鍵點(diǎn)

  1. 不同文件夾下有同名組件但不會在任何一個(gè)vue文件中引用同名組件，這樣的做法究竟對不對？

    • 問題已知條件1： 未升級ui組件前項(xiàng)目不存在這個(gè)警告的，回退ui組件版本警告也會消失
    • 問題已知條件2： 看警告的描述，確實(shí)像是不同文件夾下存在的vue文件有同名

項(xiàng)目部分同名組件情況

回答
編輯回答
萌二代

vue組件命名規(guī)范
單文件組件的文件名應(yīng)該要么始終是單詞大寫開頭 (PascalCase)，要么始終是橫線連接 (kebab-case)。

壞的例子

components/
|- mycomponent.vue


components/
|- myComponent.vue

好的例子

components/
|- MyComponent.vue


components/
|- my-component.vue

詳情請看vue官網(wǎng)
vue風(fēng)格指南

2017年2月5日 07:01
編輯回答
只愛你

找到問題了，更新后的ui組件庫在導(dǎo)入vue時(shí)路徑用了大寫。
所以果然如網(wǎng)上說的，是大小寫問題！

2017年1月2日 21:20