Błąd VueJs i vue-i18n

Question

im przy użyciu szablonu CLI pakietu Webpack.

potem zainstalować https://kazupon.github.io/vue-i18n/ z KMP zainstalować --save vue-i18n

W moim main.js zrobić import i ustaw locale "en"

import Vue from 'vue' 
import VueI18n from 'vue-i18n' 
import App from './App' 
import router from './router' 

Vue.use(VueI18n) 
Vue.locale('en', {}) 

new Vue({ 
    el: '.nwt-mm-app', 
    router, 
    template: '<App/>', 
    components: { App } 
}) 

Wyjście konsola zawsze mówi

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_0_vue___default.a.locale is not a function 
    at eval (eval at <anonymous> (app.js:802), <anonymous>:16:45) 
    at Object.<anonymous> (app.js:802) 
    at __webpack_require__ (app.js:660) 
    at fn (app.js:84) 
    at Object.<anonymous> (app.js:1176) 
    at __webpack_require__ (app.js:660) 
    at app.js:709 
    at app.js:712 

Czy brakuje mi czegoś? Pozdrowienia,

Markus

Answer 1

Cóż, można sprawdzić autora innego repo.

https://github.com/kazupon/vue-i18n-alpha-repro

W Demo, vue-i18n jest jak:

import Vue from 'vue' 
import App from './App' 
import VueI18n from 'vue-i18n' 
import router from './router' 

Vue.use(VueI18n) 
const i18n = new VueI18n({ 
    locale: 'ja', 
    messages: { 
    ja: { 
     hello: 'こんにちは' 
    }, 
    en: { 
     hello: 'hello' 
    } 
    } 
    }) 

Vue.config.productionTip = false 

/* eslint-disable no-new */ 
new Vue({ 
    el: '#app', 
    router, 
    i18n, 
    template: '<App/>', 
    components: { App } 
}) 

I to działa.

Answer 2

import Vue from 'vue' 

import VueI18n from 'vue-i18n' 


Vue.use(VueI18n) 

// console.log(navigator.language); 
let defaultLang = "zh" 

const i18n = new VueI18n({ 
    locale: defaultLang,//默认语言 
    messages: { 
    zh:{ 
     hello:'你好', 
     footTitle:['现货交易','采购供应','行情资讯','个人中心'] 
    }, 
    en: { 
     hello: 'hello', 
     footTitle:['Spot Trading','Purchase & Supply','Market Information','Personal Center'] 
    }, 
    } 
}) 

export default i18n