[SOLVED] | i18n - NumberFormats

  • I am trying to use the number localization of the i18n plugin but I receive the following warnings.

     WARNING  Compiled with 2 warnings                                                                          
     warning  in ./src/boot/i18n.js
    "export 'messages' was not found in 'src/i18n'
     warning  in ./src/boot/i18n.js
    "export 'numberFormats' was not found in 'src/i18n'
    // i18n/it/index.js
    const messages = {...}
    const numberFormats = {
      currency: {
        style: 'currency', currency: 'EUR'
    export default { messages, numberFormats }
    // i18n/index.js
    import enUS from './en-us'
    import itIT from './it'
    export default {
      'en-us': enUS,
      it: itIT
    // boot/i18n.js
    import Vue from 'vue'
    import VueI18n from 'vue-i18n'
    import { messages, numberFormats } from 'src/i18n'
    const i18n = new VueI18n({
      locale: 'it',
      fallbackLocale: 'en-us',
    export default ({ app }) => {
      // Set i18n instance on app
      app.i18n = i18n
    export { i18n }

    What am I doing wrong?

  • Are you getting any translations working?


  • Ok. I see what is wrong. You won’t be able to put the numberFormats object inside the messages. You need to create a new file and add them there and then import and export as necessary.

    See here: https://codesandbox.io/s/0b5n9


  • OK! I got it. Now it works like a charm.

    Thank you Scott!

Log in to reply