不能插入子模塊Vue.js

Question

我正在使用vue.js模塊，我想要做的是調用模板模塊內的子模塊。我在這裏做的方式不起作用，我無法弄清楚爲什麼或如何解決它。我得到的錯誤是這樣的：

Module not found: Error: Cannot resolve module 'modal.vue' in /Users/.. 

問題不在子模塊本身，因爲我可以自己調用它。 我將不勝感激任何幫助或文件參考。

<template> 
     <div class="modal fade" id='modal' tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true"> 
      <div class="vertical-alignment-helper"><div class="modal-dialog vertical-align-center"> 
       <div class="modal-content"> 
        <div class="modal-body"> 
         <div v-component="contentmodal"></div> 
        </div> 
       </div> 
      </div></div> 
     </div> 
</template> 
<script> 
module.exports = { 
    created: function() { 
     console.log('An instance of modal has been created!') 
    }, 
    methods: { 
    }, 
    components: { 
     contentmodal: require('modalcontent.vue') 
    } 
} 
</script> 

模板模塊和子模塊（modulecontent.vue）位於相同的目錄中。

Answer 1

我想明白爲什麼。在vue.js中，即使2個文件位於相同的目錄./是必要的。現在，它的工作。 contentmodal：require（'./ modalcontent.vue'）

Answer 2

這裏的問題在於webpack加載器。它試圖從庫中查看路徑是不是以'./'或'../'開頭。