Vue -i18 n自定义翻译

rryofs0p  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(160)

我有VUE应用程序与vue-i18 n插件。我想加载“自定义路径”的翻译时,应用程序加载。
应用程序没有加载翻译?我做错了什么?
File: i18n/index.js

/* eslint-disable */
import { createI18n } from "vue-i18n";
import Message from "@/localization/MyCity/en.json"

const i18n = createI18n({
  // default locale
  locale: "en",
  // translations
  messages: Message
});

export default i18n;

File: main.ts

import i18n from "./i18n";

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

我试过上面的代码,但是翻译没有加载。你有什么建议吗?这甚至可能是解决这个问题的错误方法。你有什么其他建议吗?

***主题2:***稍后,我将尝试根据部署进行动态转换。我希望快速简单,因此我考虑使用变量MY_CITY_NAME创建.env文件,并像import Message from "@/localization/${MY_CITY_NAME}/en.json"这样进行转换。

um6iljoc

um6iljoc1#

我猜您的问题可能是您没有指定Messages对象的语言。
试试看:

const i18n = createI18n({
  ...
  messages: {
    en: Message
  }
});

相关问题