Как загрузить плагин Vue при асинхронной загрузке Vue? - PullRequest
0 голосов
/ 19 января 2019

Я немного новичок в использовании 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);

Я пытаюсь устранить ошибку, чтобы, надеюсь, компонент формы визуализировался. Может кто-нибудь указать мне, что мне нужно настроить, чтобы решить эту проблему?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...