爲什麼在Vue中require（）方法後需要默認？

Question

有2個由vue-cli生成的項目。

它的一個我可以添加像下面這段代碼組件：

Vue.component('HeaderBar',require("./components/common/HeaderBar.vue"));

但是另外一個，我不能做到這一點，我必須像這樣的代碼：

Vue.component('HeaderBar',require("./components/common/HeaderBar.vue").default); 如果不是，我會收到此錯誤信息：

Failed to mount component: template or render function not defined

有人可以告訴我爲什麼會這樣？

謝謝你的幫助。

Answer 1

使用ES6導入（導出默認HeaderBar）時，導出的模塊格式爲{「default」：HeaderBar}。 import語句爲您處理此分配，但是，您必須自己執行require（「./ mycomponent」）。default轉換。 HMR接口代碼無法使用導入，因爲它不能內聯工作。

如果您想避免這種情況，請使用module.exports而不是導出默認值。