VueJsおよびvue-i18nエラー

Question

im Webpack CLIテンプレートを使用しています。

その後、私はインポートを行うと

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 } 
}) 

コンソール出力を "EN" ロケールを設定し、私のmain.jsで--save VUE-i18nの

をインストールNPMとhttps://kazupon.github.io/vue-i18n/をインストールし、常に

氏は述べています

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 

多少はありますか？ 挨拶、

マルクス

Answer 1

さて、あなたは著者の別のレポをチェックすることができます。デモで

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

、vue-i18nは次のようである：

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 } 
}) 

そして、それは動作します。

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