VueJs和vue-i18n错误

Question

我使用的是Webpack的CLI模板。

然后使用npm install安装https://kazupon.github.io/vue-i18n/ --save vue-i18n

在我的main.js中，我进行导入并设置"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 }
})

控制台输出总是显示

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