vue.js - 父组件正常运行时的未知子组件

Question

我有一个包含 2 个子组件并使用 Vue 2 组合 API 插件的父组件。
它抛出错误“[Vue 警告]：未知的自定义元素：-您是否正确注册了组件？” 仅当组件正常运行时；它与有状态组件一起使用。
<over-view>被选中是因为 prop isSearching 为 false；但如果条件恢复（v-if="!props.isSearching"），SearchView 也是同样的问题。

两个孩子都是有状态的组件。

<template functional>
  <main :id="id">
    <search-view v-if="props.isSearching"/>

    <over-view v-else />
  </main>
</template>

<script lang="ts">
import { defineComponent } from '@vue/composition-api';
import SearchView from '@/components/SearchView.vue';
import OverView from '@/components/OverView.vue';

export default defineComponent({
  components: {
    SearchView,
    OverView
  },
  props: {
    isSearching: {
      type: Boolean,
      required: true
    },
    id: {
      type: String,
      required: true
    }
  },
  setup(props, { emit }) {
    return {
      emit,
      props
    };
  }
});
</script>