_vue2.default.locale不是一个函数

时间:2017-04-18 09:21:23

标签: vue.js

当我在项目中使用vue-i18n时,程序向我抛出了这个错误:_vue2.default.locale不是函数,

vue愿景:1.0, vue-i18n愿景:6.1.0

我的代码:



import Vue from 'vue'
import VueForm from 'vue-form'
import router from './config/routes'
import App from './App'
import VueI18n from 'vue-i18n'

var locales = {
  en: {
    message: {
      hello: 'hello world'
    }
  },
  ja: {
    message: {
      hello: 'こんにちは、世界'
    }
  }
}

Vue.use(VueI18n)

Vue.config.lang = 'ja'

Object.keys(locales).forEach(function (lang) {
  Vue.locale(lang, locales[lang])
})

router.start(App, '#app')

<template>
  <div class="row border-bottom white-bg">
    <div class="col-lg-12">
      <h2 class="page-title">{{ $t("message.hello") }}</h2>
      <!--<h2 class="page-title">基本信息</h2>-->
    </div>
  </div>
</template>
&#13;
&#13;
&#13;

错误:

未捕获的TypeError:_vue2.default.locale不是函数

我该怎么办?

1 个答案:

答案 0 :(得分:0)

6.1.0版本中的vue-i18n仅与vue2.0.0 +兼容 编辑: 根据你的帖子,你使用了1.0版本的vue。 所以...将Vue更新到2.0.0版本,或者如果你必须使用1.0降级vue-i18n到v4.10.0