Step 1 下载 vue-i18n 插件 npminstallvue-i18n Step 2 新建 local 文件夹,创建 index.js index.js import{ createI18n }from"vue-i18n";// 导入你自己创建的语言 js 文件importzhHantfrom"./zh-Hant";importzhHansfrom"./zh-Hans";importenfrom"./en";// 创建 i18n 对象consti18n =createI18n({legacy...
// src/i18n/index.tsimport{createI18n}from'vue-i18n'importaxiosfrom'axios'importjsyamlfrom'js-yaml'importjson5from'json5'interfaceDeepRecord{[key:string]:DeepRecord|string}// 根据不同格式转换文件内容functiontransFile(fileData:string,suffix:string):DeepRecord{switch(suffix){case'json':case'json5'...
如果在多语言目录中多一个i18n.ts文件,对每个语言目录中的index.ts手动引入(无法使用import.meta.glob这种自动查找方法),在插件中再手动引入i18n.ts,这样就能避免上一个问题。但是这样实现只能说太不优雅了(虽然目前也并不优雅…)。 后来,我看到了vitesse和vite-plugin-vue-i18n。发现这里面的插件也是每个语言只有...
main.ts中引入路由, i18n,全局样式 代码语言:txt 复制 import { createApp } from 'vue' import './style.css' import './assets/style/common.css' import 'element-plus/dist/index.css' import App from './App.vue' import { initRouter } from './routes' import { initI18n } from './i18n'...
import{createI18n}from'vue-i18n';constgetLang=()=>{// 可以根据实际情况修改,常见的可能有localStorage、或者路由参数等constlang=localStorage.getItem('locale')||'zh_CN';returnlang;};consti18n=createI18n({locale:getLang(),messages:{},});const$t=i18n.global.t.bind(i18n.global);if(window.messag...
【问题记录】vite项目使用 vue-i18n 控制台报警问题 vite项目中导入 vue-i18n 能正常使用,但是控制台有黄色报警,强迫症必须干掉黄色的这一坨! 报错原文: vue-i18n.esm-bundler.js:39 You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace ...
坑太多) 首先新建一个vue2项目 vue create simple-vue2-vite 选择Default ([Vue 2] babel, eslint...
Vue-i18n是一个Vue生态系统中的国际化解决方案。 3.1 安装Vue-i18n 使用以下命令安装Vue-i18n: npm install vue-i18n@next 3.2 配置国际化 在src目录下创建一个国际化配置文件,例如i18n.js: import { createI18n } from 'vue-i18n' const messages = { ...
exportconsti18n =createI18n({ ...legacy:false, }); 可以正常启动,但在设置时**proxy.$i18n 变成了空对象**,proxy.$i18n应该是上面导出并且已经在main挂载的i18n。 const setI18nConfig = (locale:string) => { proxy.mittBus.emit("getI18nConfig", proxy.$i18n.messages[locale]); ...
kazuponaddedPackage: vite-plugin-vue-i18nPackage: unplugin-vue-i18nlabelsSep 24, 2022 loguecommentedSep 24, 2022• edited The yaml parser forimport.meta.globbehaves poorly. Specifically, the following YAML fails to parse (checked withYAML Lintandeslint-plugin-yaml): ...