Cannot translate the value of keypath

report an error as shown in the figure

directory structure

1.index.js

2.zh.js

3.en.js

4.main.js

I saw a vue-i18n-loader on the Internet, but I don"t think that"s the problem, because I referred to another project, and he didn"t match this loader at all.
the following is the version. Please take a look at it. Thank you ~

    "axios": "^0.18.0",
    "echarts": "^4.1.0",
    "iview": "^2.14.3",
    "v-charts": "^1.17.8",
    "vue": "^2.5.2",
    "vue-i18n": "^8.0.0",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"

Vue.js i18n

Sep.22,2021

found the reason. Replace message with messages!

I had a similar problem, but I found it was because I created an empty instance first,

const i18n = new VueI18n({
    locale: lang,
    messages:{}
});

then use the i18n.setLocaleMessage function to set the messages. There is a time sequence between the two, so you can't get the data at first, so just report this warning, and adjust the timing

sent the wrong description and did not know how to withdraw it.

the landlord has the same problem as you, and message has the same lack of s; so I tried to open another demo myself, but the original project is still not, because no problem was found, s is missing. Thank you very much, landlord.

Previous: React project introduces element-react error report

Next: Puppeteer crawls web pages to get data?

Vue internationalization language dynamic variables
my icon needs to be changed dynamically, how to achieve it? But ps knows ...

Vue.js i18n

Mar.13,2021