小编Kiw*_*iDB的帖子

我们正在尝试创建一个 Vue npm 包，其中一个组件导入另一个组件（一个简单的例子可能是 - 该包包含一个通用按钮组件和一个使用我的按钮组件进行分页的表格组件）。我可以将子组件导入父组件并成功构建包。但是当我在应用程序中导入和使用父组件（从包中）时，子组件内容不显示。跳过它就像它不存在一样。

我很茫然。

我正在使用一些非常简单的组件进行测试：

<!-- Child Component -->
<template>
    <div id="childElement">Child Component</div>
</template>

<script>
    export default {
        name: "childComponent"
    }
</script>

<style>
    #childElement {
        font-weight: bold;
    }
</style>

<!-- Parent Component -->
<template>
    <div>
        <div id="parentElement">Parent Component</div>
        <child-component></child-component>
    </div>
</template>

<script>
    import ChildComponent from "./ChildComponent.vue";

    export default {
        name: "parentComponent",
        components: {
            ChildComponent
        }
    }
</script>

<style>
    #parentElement {
        font-weight: bold;
    }
</style>

（编辑）这是我的 index.js 文件

import ParentComponent from './components/ParentComponent.vue';
import ChildComponent from './components/ChildComponent.vue';

const install …