使用Vue.use(VueI18n)时无法读取未定义的属性(读取“使用”)

Question

我试图在Vue项目中创建i18n，然后就会出现错误。

Uncaught TypeError: Cannot read properties of undefined (reading 'use')

这是我的项目树：

| -- Project
     | -- src
          | -- App.vue
          | -- main.js
          | -- store
               |-- index.js
          | -- lang
               | -- i18n.js
               | -- tw.json
               | -- en.json

i18n.js：

import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

import tw from './tw.json';
import en from './en.json';

const i18n = new VueI18n({
    locale: localStorage.getItem('lang') || 'tw',
    messages: { tw, en }
});

export default i18n;

main.js：

...
import i18n from "./lang/i18n";
app.use(i18n);

"vue"："^3.0.0"，"vue-i18n"："^8.26.8"，节点: v14.18.0

Answer 1

添加主要js：

new Vue({
  render: h => h(App),
  i18n
}).$mount('#app');

和

import i18n from "./lang/i18n";

更改为

and * as i18n from "./lang/i18n";