./resources/js/plugins/i18n.js“中的警告;出口';默认值';在';中找不到(作为';VueI18n';导入);vue-i18n';:Vue I18n VueJS Laravel

./resources/js/plugins/i18n.js“中的警告;出口';默认值';在';中找不到(作为';VueI18n';导入);vue-i18n';:Vue I18n VueJS Laravel,laravel,vue.js,vue-i18n,Laravel,Vue.js,Vue I18n,我希望在我的项目Laravel/vue中使用vue i18n,但我收到了此错误消息 ./resources/js/plugins/i18n.js中的警告 import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) export const i18n = new VueI18n({ fallbackLocale: 'en', locale: 'fr', messages: {

我希望在我的项目Laravel/vue中使用vue i18n,但我收到了此错误消息

./resources/js/plugins/i18n.js中的警告

import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)

export const i18n = new VueI18n({
    fallbackLocale: 'en',
    locale: 'fr',
    messages: {
        fr: {
            messages: "Hello"
        },
        en: {
            messages: "bonjour"
        }
    }
    
})
在“vue-i18n”中找不到“导出”默认值(作为“VueI18n”导入)

这是我的app.js:

import Vue from 'vue';
import vuetify from './plugins/vuetify';
import {i18n} from './plugins/i18n'

document.body.setAttribute('data-app', true)
Vue.component('equipe-component', require('./components/Researchteam.vue').default);
Vue.component('atlas-component', require('./components/Atlas.vue').default);

const app = new Vue({
   
  el: '#app',
    vuetify,
    i18n, 
    
  });

这是我的插件/i18n.js

import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)

export const i18n = new VueI18n({
    fallbackLocale: 'en',
    locale: 'fr',
    messages: {
        fr: {
            messages: "Hello"
        },
        en: {
            messages: "bonjour"
        }
    }
    
})