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:
<img width="1158" alt="schermafbeelding 2018-03-04 om 22 00 27" src="https://user-images.githubusercontent.com/1408309/36966631-ac12bc7c-205d-11e8-935f-55ce73db4bec.png">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
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2558">#c2558</a>)</em></sub></div>