bogdan_uman
@bogdan_uman
шлЫмазл неукЪ-поцЪ

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

Здравствуйте. Подскажите пожалуйста. Почему-то при использовании асинхронного подключения компонента через 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:
  }

Спасибо
  • Вопрос задан
  • 444 просмотра
Решения вопроса 1
@pantagruel964
npm i -D babel-plugin-syntax-dynamic-import
.babelrc
{
    "plugins": ["syntax-dynamic-import"]
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы