How to lazy load vue2 component

Question

Is it possible to do that?

Tried

 components: {
  Fibonacci: () => import('./Fibonacci.vue')
 }

But Eslint warning about import (Parsing error: Unexpected token import). What need to change?

upd:

new Vue({
 components: { 
  Fibonacci: () => import('./Fibonacci.vue')
 }
)}

could you please provide your hole code - normally this is the correct coding and it's possible, but without your code we can't help you — B0BBY
– B0BBY, Commented Oct 25, 2021 at 10:42

huan feng · Accepted Answer · 2021-10-26 08:06:12Z

1

If you mean a page component, I think you should use vue-router if you want to lazy load a component.

BTW, i don't see components option accept a function.

components?: { [key: string]: Component<any, any, any, any> | AsyncComponent<any, any, any, any> };

answered Oct 26, 2021 at 8:06

huan feng

8,7043 gold badges40 silver badges66 bronze badges

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

1 Answer 1