Я немного новичок в использовании vue и webpack и пытаюсь настроить компонент формы. Я получаю сообщение об ошибке «Uncaught (в обещании) TypeError: Vue.use не является функцией». Код, который я использую, является модификацией кода здесь: https://auralinna.blog/post/2018/how-to-build-a-complete-form-with-vue-js
Я загружаю Vue в свое приложение асинхронно, поэтому я думаю, что проблема может заключаться в том, что Vue еще не загружена, но я не знаю достаточно, чтобы сказать наверняка.
Вот мой основной файл app.js:
// App main
const main = async () => {
// Import our CSS
//const Styles = await import(/* webpackChunkName: "styles" */ '../css/app.pcss');
// Async load the vue module
const Vue = await import(/* webpackChunkName: "vue" */ 'vue');
const VueI18n = await import(/* webpackChunkName: "vue-i18n" */ 'vue-i18n');
const Vuelidate = await import(/* webpackChunkName: "vuelidate" */ 'vuelidate');
const translations = await import(/* webpackChunkName: "translations" */ '../resources/translations');
const Scrollmagic = await import(/* webpackChunkName: "scrollmagic" */ 'scrollmagic');
Vue.use(VueI18n);
Vue.use(Vuelidate);
const i18n = new VueI18n({
locale: 'en',
fallbackLocale: 'en',
messages: translations
})
// process layout images
// Create our vue instance
const vm = new Vue.default({
el: "#app",
i18n,
delimiters: ['[[', ']]'],
components: {
'carousel': () => import(/* webpackChunkName: "vue-owl-carousel-br" */ '../vue/vue-owl-carousel-br/src/Carousel.vue'),
'appForm': () => import(/* webpackChunkName: "app-form" */ '../vue/form/form.vue'),
},
data: {
menuActive: false,
footerActive: false,
},
methods: {
},
mounted() {
},
});
};
Сообщение об ошибке в консоли гласит «Uncaught (в обещании) TypeError: Vue.use не является функцией», и это происходит в строке 14: Vue.use (VueI18n);
Я пытаюсь устранить ошибку, чтобы, надеюсь, компонент формы визуализировался. Может кто-нибудь указать мне, что мне нужно настроить, чтобы решить эту проблему?