鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ iview用了vue-i18n國際化,但是全部都不能翻譯?

iview用了vue-i18n國際化,但是全部都不能翻譯?

clipboard.png

clipboard.png

在開發(fā)環(huán)境中會報警告:

clipboard.png

在生產(chǎn)環(huán)境中不會報警告,但是依然不會轉(zhuǎn)換,請問大家知道是什么原因嗎?

main.js :

import Vue from 'vue';
import iView from 'iview';
import router from './router';
import store from './store';
import App from './app.vue';
import 'iview/dist/styles/iview.css';
import axios from 'axios';
import VueI18n from 'vue-i18n';
import Locales from './locale';
import zhLocale from 'iview/src/locale/lang/zh-CN';
import enLocale from 'iview/src/locale/lang/en-US';
import moment from 'moment';
Object.defineProperty(Vue.prototype, '$moment', { value: moment });
Vue.use(VueI18n);
Vue.use(iView);
axios.defaults.baseURL = BASE_URL;
// 自動設(shè)置語言
const navLang = navigator.language;
const localLang = (navLang === 'zh-CN' || navLang === 'en-US') ? navLang : false;
const lang = window.localStorage.getItem('language') || localLang || 'zh-CN';
Vue.config.lang = lang;
Vue.config.productionTip = false;
// 多語言配置
const locales = Locales;
const mergeZH = Object.assign(zhLocale, locales['zh-CN']);
const mergeEN = Object.assign(enLocale, locales['en-US']);
Vue.locale = () => {};
const i18n = new VueI18n({
  locale: lang,    // 語言標(biāo)識
  messages: {
    'CN': mergeZH,   // 中文語言包
    'EN': mergeEN    // 英文語言包
  },
})
new Vue({
  el: '#app',
  i18n,
  router: router,
  store: store,
  render: h => h(App)
});

版本:"vue-i18n": "^7.3.2",

回答
編輯回答
爆扎

locale 中 lang 的值 和 messages中的 沒有對應(yīng)

2018年6月18日 09:53