我在某個目錄中匯入了幾個組件，并希望在匯入時無需指定每個組件即可使用它。我通過在有問題的組件目錄中有一個 index.js 檔案來做到這一點，如下所示：
import Component1 from './Component1'
import Component2 from './Component2'
export default {
Component1,
Component2
}
然后我通過執行以下操作將這些組件匯入頁面組件/模板：
import components from '@/components/blocks';
export default {
...
components: {
...components
}
...
}
這似乎有效，但我在控制臺中收到錯誤訊息：
[Vue 警告]：無效的組件名稱：“_Ctor”。組件名稱應符合 html5 規范中的有效自定義元素名稱。
我想避免在匯入時必須指定每個組件。我可以忍受必須在匯出時指定它們。在避免此錯誤的同時，這是否可能？
uj5u.com熱心網友回復：
由于已經有一段時間了，您可以按照此處的說明自動匯入所有組件：https ://nuxtjs.org/tutorials/improve-your-developer-experience-with-nuxt-components/
您可以延遲加載它們，如果需要也可以將它們放入特定目錄，甚至可以將它們放入各種目錄，但仍然可以使用頂級參考（基本上是平面結構）訪問它們。
這甚至適用于動態組件。
因此，如果您的需求不超出 Nuxt 提供的范圍，我建議您堅持使用已經為您提供的官方實作！
uj5u.com熱心網友回復：
如果您已經有了組件的名稱，則需要洗掉組件名稱開頭的下劃線或洗掉單詞之間的任何空格。否則去設定你的組件名稱，它會解決的
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/522431.html
上一篇：如何將Vue組件加載到表格的行中