vue2.6.12集成vue-i18n

395 阅读1分钟
  • 遇到的问题:贴上报错信息

vue-i18n.common.js:18 [vue-i18n] vue-i18n (VERSION) need to use Vue 2.0 or later (Vue: undefined).

Vue: vue-i18n: Cannot translate the value of keypath 'backstageManagementSystem'. Use the value of keypath as default.

  • 费劲了老半天~

造成第一个问题的原因:vue-i18n和我的vue版本不对应造成的问题

  • vue版本:2.6.12
  • vue-i18n版本:好像是5.几来着

解决第一个问题:更换vue-i18n版本为8.11.2即可!
npm install vue-i18n\@8.11.2 --save


造成第二个问题的原因:locale属性对应的值没写对。

image.png

  • 语言包js

image.png

image.png

可以发现,我是locale写错了,应该写zhLocale

  • 正确版本

image.png