如何使vue-i18n与vue 3一起工作？

Question

我刚在Vue 3上安装了vue-i18n，我得到了错误；

我在app.js文件中的代码

import { createApp } from 'vue';
// ......
import en from './translate/en.json'
import ar from './translate/ar.json'
import ku from './translate/ku.json'
import { createI18n } from "vue-i18n";

const i18n = createI18n({
    locale: 'ar',
    messages: {
        en,
        ar,
        ku,
    }
})

const el = document.getElementById('app');

const app = createApp(App);
app.use(i18n);
app.mount(el);

错误：

WARNING in ./js/app.js 13:11-21
export 'createI18n' (imported as 'createI18n') was not found in 'vue-i18n' (possible exports:            default)
webpack compiled with 1 warning

在控制台中：

Uncaught TypeError: vue_i18n__WEBPACK_IMPORTED_MODULE_7__.createI18n is not a function

package.json

"dependencies": {
    "tiny-emitter": "^2.1.0",
    "vue-i18n": "^8.24.3"
}

Answer 1

应使用以下命令安装最新版本：

npm uninstall vue-i18n

然后

npm i vue-i18n@next

因为vue-i18n@9.x与vue 3兼容