关于组建中引入组建的问题

Question

我在component下建了一个index.js，代码如下

export { default as Icon } from './icon/index'
export { default as EbookNav } from './ebook/EbookNav'
export { default as EbookReader } from './ebook/EbookReader'
export { default as EbookMenu } from './ebook/EbookMenu'
export { default as EbookSetting } from './ebook/EbookSetting'
export { default as EbookSlide } from './ebook/EbookSlide'
export { default as EbookSlideContent } from './ebook/EbookSlideContent'
export { default as EbookSlideRemark } from './ebook/EbookSlideRemark'

然后在EbookMenu组建中，这样如下这样导入注册，会提示未注册，另外icon组建就正常没有提示报错，这是什么情况

<template>
    <div class="menu-bar">
        <transition name="slide-up">
            <div class="menu-bar__menu-wrapper" :class="{'shadow': menuType == -1}" v-show="menuVisible">
                <div class="menu-bar__menu-wrapper--item" @click="handleMenu(1)">
                    <div class="menu-bar__menu-wrapper--item-icon">
                        <icon type="menu" color="#6a6a6a" :size="24"></icon>
                    </div>
                    <div class="menu-bar__menu-wrapper--item-label">目录</div>
                </div>
                <div class="menu-bar__menu-wrapper--item" @click="handleMenu(2)">
                    <div class="menu-bar__menu-wrapper--item-icon">
                        <icon type="progress" color="#6a6a6a" :size="24"></icon>
                    </div>
                    <div class="menu-bar__menu-wrapper--item-label">进度</div>
                </div>
                <div class="menu-bar__menu-wrapper--item" @click="handleMenu(3)">
                    <div class="menu-bar__menu-wrapper--item-icon">
                        <icon type="setting" color="#6a6a6a" :size="24"></icon>
                    </div>
                    <div class="menu-bar__menu-wrapper--item-label">设置</div>
                </div>
                <div class="menu-bar__menu-wrapper--item" @click="handleMenu(4)">
                    <div class="menu-bar__menu-wrapper--item-icon">
                        <icon type="comment" color="#6a6a6a" :size="24"></icon>
                    </div>
                    <div class="menu-bar__menu-wrapper--item-label">评论</div>
                </div>
            </div>
        </transition>
        <ebook-setting></ebook-setting>
    </div>
</template>
<script>
import { ebookMixin } from '@/utils/mixin'
import { Icon, EbookSetting } from '@/components'
export default {
    name: 'EbookMenu',
    mixins: [
        ebookMixin
    ],
    components: {
        Icon,
        EbookSetting
    },
    methods: {
        handleMenu(type) {
            this.setMenuType(type)
        }
    }
}
</script>

Answer 1

提问者 AllenGXS 2019-09-27 09:26:21

具体报错如下：Unknown custom element: <ebook-setting> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

• Sam #1

  emmm...你的代码里调用方法没什么问题，是不是 EbookSetting 组件名称或者路径写错了？