Асинхронные компоненты import()?

Question

[Богдан]

Здравствуйте. Подскажите пожалуйста. Почему-то при использовании асинхронного подключения компонента через import выдает ошибку

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

./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/Checkout.vue
Module build failed: SyntaxError: d:/ProjectRuby/vue-lavrik/src/components/Checkout.vue: Unexpected token (114:21)

112 | },
113 | components: {
> 114 | FormInput: () => import('./FormInput')
| ^
115 | }
116 | }
117 |

Но если загружать классически то все работает

import FormInput from './FormInput'
....
  components: {
    FormInput:
  }

Спасибо

Answer 1

[pantagruel964]

npm i -D babel-plugin-syntax-dynamic-import
.babelrc

{
    "plugins": ["syntax-dynamic-import"]
}

Comments

[Богдан]

Спасибо так работает.