使用 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";