Vue router not recognizing child component of View

Question

The router does not load the components inside my view...

this is the structure:

the view: (test works, finMain does not)

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

  </div>
</template>

<script>


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

the router:

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

    ],
});

if i put component: () => import("../components/finance/finMain") in my router it works... but not if I wrap the component inside the View..

This is the error i get:

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>

liborkozak · Accepted Answer · 2019-12-27 14:49:50Z

1

I think that it's just misspelling, change component: { to components: {.

answered Dec 27, 2019 at 14:49

liborkozak

4824 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue router not recognizing child component of View

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related