Блог

У меня есть старый iPad gen 1 под управлением iOS 5, на котором я хочу, чтобы мое веб-приложение Vue (созданное с помощью Vue CLI) работало. Поэтому я решил обновить свой browserslistrc до следующего, чтобы поддерживать старую версию браузера Safari:

 > 1%
last 2 versions
not dead
ios_saf 5.1
ios_saf 5.0
safari 5.1
safari 5.0
  

Моя npm build команда следующая: vue-cli-service-build --modern

Теперь, когда я запускаю npm run build и развертываю код на своем сервере, веб-приложение не отображается, когда я захожу на сервер на своем iPad (safari). Однако веб-приложение видно в современных браузерах.

Я также пробовал last 20 versions в my browserslistrc , который даже включал версии до safari 5.0 (при запуске npx browserslist ). К сожалению, веб-приложение по-прежнему не работало на моем iPad.

Я что-то упустил? Я следил https://cli.vuejs.org/guide/browser-compatibility.html , но я не смог заставить веб-приложение работать на моем iPad.

Мой package.json :

 {
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.20.0",
    "core-js": "^3.6.5",
    "sass": "^1.27.0",
    "sass-loader": "^10.0.3",
    "vue": "^2.6.11",
    "vue-axios": "^2.1.5",
    "vue-device-detector": "^1.1.6",
    "vue-material": "^1.0.0-beta-15",
    "vue-router": "^3.2.0",
    "vuelidate": "^0.7.5"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "vue-template-compiler": "^2.6.11"
  }
}
  

Мой babel.config.js :

 module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}