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-국제화를 설치 ​​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

글쎄, 당신은 저자의 또 다른 REPO를 확인할 수 있습니다.

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

그리고 그것은 작동 : 데모에서

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

는 vue-i18n 같은 것입니다.

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