Vue路由器无法识别View的子组件

Question

路由器未在我的视图内加载组件...

这是结构：

视图：（测试有效，finMain无效）

 <template>
  <div>
    <finMain></finMain>
    <p>test</p>

  </div>
</template>

<script>


export default {
  name: 'FinView',
  component: {
    finMain: () => import("../components/finance/finMain"),
  }
};
</script>

路由器：

export default new Router({
    routes: [
        {
            path: "/financial",
            name: "financial",
            component: () => import("@/views/finView")
        }

    ],
});

如果我将component: () => import("../components/finance/finMain")放在路由器中，它将起作用...但是如果我将组件包装在View中，则不会。

这是我得到的错误：

Unknown custom element: <finMain> - did you register the component correctly? 
For recursive components, make sure to provide the "name" option.

found in

---> <FinView>
       <VApp>
         <App> at src/App.vue
           <Root>

Answer 1

我认为这只是拼写错误，请将component: {更改为components: {。