vue-i18n

问题 I've just started working with Vue.js and learning it through some online code snippet and tutorials. I'm trying to implement internationalization support for my vue project, but I'm getting error in web-console. Here are my code snippets main.js import { createApp } from 'vue'; import App from './App.vue'; import VueI18n from 'vue-i18n' import router from './router/index' function loadLocaleMessages () { const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i) const

问题 I've just started working with Vue.js and learning it through some online code snippet and tutorials. I'm trying to implement internationalization support for my vue project, but I'm getting error in web-console. Here are my code snippets main.js import { createApp } from 'vue'; import App from './App.vue'; import VueI18n from 'vue-i18n' import router from './router/index' function loadLocaleMessages () { const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i) const

问题 I m looking for a sample to be able to switch locale from vue-i18n inside storybook. I have find this addon-context story on the official storybook github but i have some difficulties to make works. I m using storybook v5.3, vue.js v2.6 and vue-i18n v8.15.4. For the moment, i have the globe icon with 2 entries (english and french). But when i switch it has no effect on the vue-i18n locale. // .storybook/main.js module.exports = { stories: ["../../src/**/*.stories.(js|jsx|ts|tsx|mdx)"], addons

问题 First of all I show you what works (in App.js) import router from './routes.js'; import VueI18n from 'vue-i18n'; const messages = { en: { message: { hello: 'hello world' } } } // Create VueI18n instance with options const i18n = new VueI18n({ locale: 'en', // set locale messages, // set locale messages }) const app = new Vue({ el: '#app', router, i18n }); But if I want to separate the code in lang.js import VueI18n from 'vue-i18n'; const messages = { en: { message: { hello: 'hello world' } }

问题 I'm trying to add internationalization on my Vue.js project using Vue I18n. I'm using the documentation (i.e. http://kazupon.github.io/vue-i18n/guide/sfc.html#basic-usage), but I've got the following error message: [Vue warn]: Error in render: "TypeError: i18n is undefined" found in ---> <MainNavBar> at src/components/MainNavBar.vue <VApp> <App> at src/App.vue <Root> vue.runtime.esm.js:619 TypeError: "i18n is undefined" $t vue-i18n.esm.js:167 render MainNavBar.vue:33 VueJS 42 <anonymous> main

来源： https://stackoverflow.com/questions/59821458/use-both-vuetify-and-vue-i18n-translations

来源： https://stackoverflow.com/questions/59821458/use-both-vuetify-and-vue-i18n-translations

问题 I have a locale.js file which is responsible for defining user locale. Here it is: import store from '@/vuex/index' let locale const defaultLocale = 'en_US' if (store.getters['auth/authenticated']) { locale = store.getters['auth/currentUser'].locale || defaultLocale } else { if (localStorage.getItem('locale')) { locale = localStorage.getItem('locale') } else { locale = defaultLocale } } export default locale Also I have a i18n.js file which is responsible for making i18n instance which I use

问题 Using https://github.com/kazupon/vue-i18n for localization Vue.t() || $t() || trans() receive a string which is a key to be translated by vue-i18n Hey guys! I'am trying the following code: import Vue from 'vue' export default { task: { status: [ { id: 'pending', name: Vue.t('pending') }, { id: 'done', name: 'Done' } ] } } That is my state.js which is the state of my VUEX! When I try to use the Vue.t function I have the following error: Uncaught TypeError: _vue2.default.t is not a function My

问题 Hello I did a copy/paste from the vee-validate documentation into this codesandbox and I get no validation message - just the following error on the console: [vue-i18n] Cannot translate the value of keypath 'validations.messages._default'. Use the value of keypath as default. Is it a bug within vue-validate , vue-i18n, vuejs ? Or should one configurate it somehow different? 回答1: you forgot to initialize i18n After const i18n = new VueI18n(); add this line i18n.locale = "en"; this line tells