internationalization 相关问题

参见https://codesandbox.io/p/devbox/i18n-trans-component-with-suspense-p4jt2t?workspaceId=3104452f-3c7c-4688-a065-c2cdc2657c24 使用 Trans 组件（或替代品）的正确方法是什么...

reactjs internationalization i18next react-i18next react-suspense

回答 1 投票 0

在 Angular 中更新/合并 i18n 翻译文件

我们最近决定为我们的应用程序支持多种语言（Angular 13.x）。经过研究，我们决定使用 Angular/Localize 包，这似乎非常适合我们的需求。

angular internationalization angular-cli

回答 2 投票 0

国际化 Flutter 应用程序的风格

我已经使用 intl 包对我的应用程序进行了国际化，它有两种不同的语言。该应用程序还有两种不同的风格。我想对每种风格的语言使用不同的翻译文件。我

flutter internationalization

回答 1 投票 0

@intlify/unplugin-vue-i18n 以奇怪的结构导入语言环境 json 文件

我想国际化一个简单的 vue 应用程序，我使用了 vue-i18n 和 unplugin-vue-i18n。我期望 vue 3 api 组合中的以下片段呈现单词 John：我想国际化一个简单的 vue 应用程序，我使用了 vue-i18n 和 unplugin-vue-i18n。我希望 vue 3 api 组合中的以下片段呈现单词 John： <template> ... <h2>{{ $tm('name') }}</h2> ... <template> 但它返回奇怪的 json 字符串，如下所示： { "type": 0, "start": 0, "end": 3, "loc": { "start": { "line": 1, "column": 1, "offset": 0 }, "end": { "line": 1, "column": 4, "offset": 3 }, "source": "John" }, "body": { "type": 2, "start": 0, "end": 3, "loc": { "start": { "line": 1, "column": 1, "offset": 0 }, "end": { "line": 1, "column": 4, "offset": 3 } }, "items": [ { "type": 3, "start": 0, "end": 3, "loc": { "start": { "line": 1, "column": 1, "offset": 0 }, "end": { "line": 1, "column": 4, "offset": 3 } } } ], "static": "John" } } 以下是配置文件：包.json: ... "dependencies": { "@headlessui/vue": "^1.7.23", "@intlify/unplugin-vue-i18n": "^5.2.0", "pinia": "^2.1.7", "vue": "^3.5.9", "vue-i18n": "^9.14.1", "vue-router": "^4.3.3" }, ... vite.config.ts： import { fileURLToPath, URL } from 'node:url' import { resolve, dirname } from "node:path"; import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import VueI18nPlugin from "@intlify/unplugin-vue-i18n/vite"; export default defineConfig({ server: { port: 5174 }, plugins: [ vue(), VueI18nPlugin({ // runtimeOnly: false, include: resolve(dirname(fileURLToPath(import.meta.url)), './src/locales/**'), // strictMessage: false }) ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } } }) main.ts： import './assets/main.css'; import { createApp } from 'vue'; import { createI18n } from 'vue-i18n'; import { createPinia } from 'pinia'; import App from './App.vue'; import router from './router'; import messages from '@intlify/unplugin-vue-i18n/messages'; const i18n = createI18n({ legacy: false, globalInjection: true, locale: "en", fallbackLocale: "en", availableLocales: ["en", "fi"], messages }); const app = createApp(App) app.use(i18n) app.use(createPinia()) app.use(router) app.mount('#app') 和 en.json 文件： { "name": "John" } 有人可以帮我解决这个问题吗？更新：我使用以下命令创建了项目（用于重现问题） npm init vue@latest test npm install vue-i18n@latest @intlify/unplugin-vue-i18n@latest 然后我设置了上面的配置。就是这样。我也是根据this和this文章做的。如文档中所述，tm返回一条消息，需要使用rt解析为字符串。当消息是字符串时，这可以是可选的，但当它们在构建时编译时则不是这样 @intlify/unplugin-vue-i18n 正确的用法是： $rt($tm('name')) 尽管tm正确返回问题中列出的已编译消息对象，但rt无法识别它，这会导致此错误： Uncaught SyntaxError: Not support non-string message at createCompileError (message-compiler.esm-browser.js:116:19) at createCoreError (core-base.mjs:485:12) at compileToFunction (core-base.mjs:1008:15) at compileMessageFormat (core-base.mjs:1324:17) at translate (core-base.mjs:1168:11) at vue-i18n.mjs:559:48 at wrapWithDeps (vue-i18n.mjs:504:19) at t (vue-i18n.mjs:559:16) at Proxy.rt (vue-i18n.mjs:567:16) at Proxy._sfc_render (HelloWorld.vue:10:17) 这里的问题是版本不匹配。尽管文档中似乎没有提到这一点，并且 @intlify/unplugin-vue-i18n 和 vue-i18n 的主要版本也没有同步，但新版本发布的时间表是相似的。它应该是@intlify/unplugin-vue-i18n@5和vue-i18n@10，或者@intlify/unplugin-vue-i18n@4和vue-i18n@9，然后它就可以工作了。由于软件包的两个主要版本刚刚发布，这可能是一个错误。

vue.js internationalization

回答 1 投票 0

使用 i18n 翻译 Vue 和 TS 项目时出错

我正在寻找将一个大学项目翻译成其他语言，所以我查找了一些方法，并找到了 I18n。我使用 npm install vue-i18n@10 将其安装在项目的根目录中。我确实...

vue.js vuejs3 internationalization vue-component vue-i18n

回答 1 投票 0

internationalization 相关问题

最新问题