Home

Hi,

I built my Nuxt project with the following configuration:

build: {
    babel: {
      presets: function(isServer) {
        return [
          [
            'vue-app', {
              useBuiltIns: true,
              targets: isServer ? { node: 'current' } : {ios_saf: 9, uglify: true}
            }
          ]
        ];
      },
      plugins: [
        ["transform-imports", {
          "vuetify": {
            "transform": "vuetify/es5/components/${member}",
            "preventFullImport": true
          }
        }]
      ]
    },
    vendor: [
      '~/plugins/vuetify.js',
      'moment',
      'babel-polyfill'
    ],
    extractCSS: true,
    /*
    ** Run ESLint on save
    */
    extend (config, ctx) {
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
      if (ctx.isServer) {
        config.externals = [
          nodeExternals({
            whitelist: [/^vuetify/]
          })
        ]
      }
    }
  }

When I run the project on my iPad 3 (iOS 9) I receive the following errors:

The code runs fine (without errors) on the latest version of Chrome. How can I get this to work on iOS9?

Thanks in advance for your help!

Regards,
Gerwin