无法插入子模块 Vue.js答案

【问题标题】：can't insert submodule Vue.js无法插入子模块 Vue.js
【发布时间】：2015-08-09 22:28:33
【问题描述】：

我正在使用 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）在同一个目录下。

【问题讨论】：

标签： javascript module webpack vue.js

【解决方案1】：

我想通了。在 vue.js 中，即使 2 个文件位于同一目录中， ./ 也是必要的。现在，它奏效了。 contentmodal: 要求('./modalcontent.vue')

【讨论】：

【解决方案2】：

这里的问题在于 webpack 加载器。如果路径没有以 './' 或 '../' 开头，它会尝试从库中查找。

【讨论】：