无法插入子模块 Vue.js

Posted 2023-02-22

【中文标题】无法插入子模块 Vue.js

【英文标题】：can't insert submodule 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）在同一个目录下。

【参考方案1】：

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

【参考方案2】：

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