Vue.js Vuei18n 无法读取未定义的属性配置

首先，我向你展示了什么是有效的(在App.js中)

import router from './routes.js'; 
import VueI18n from 'vue-i18n';

const messages = {
  en: {
    message: {
      hello: 'hello world'
    }
  }
}

// Create VueI18n instance with options
const i18n = new VueI18n({
  locale: 'en', // set locale
  messages, // set locale messages
})


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

但是如果我想把lang.js中的代码分开

import VueI18n from 'vue-i18n';

const messages = {
  en: {
    message: {
      hello: 'hello world'
    }
  }
}

export default new VueI18n({
   locale: 'en', // set locale
   messages, // set locale messages
});

这样我就可以在应用程序中写作了.js

import router from './routes.js'; 
import i18n from './lang.js'; 

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

但不知何故，即使是这样，这也不起作用.js的构造完全相同.

我的 bootstrap 程序.js看起来是这样的，如果知道这一点很重要的话.

import Vue from 'vue';

window.Vue = Vue;

import VueRouter from 'vue-router';
import VueI18n from 'vue-i18n';

Vue.use(VueRouter);
Vue.use(VueI18n);

很抱歉，代码太长了，但不知何故，错误在于从""导入i18n/lang.js'；