Установка по умолчанию vue -cli-plugin-cordova не будет работать на симуляторе ios

Question

Изложенные шаги включают

vue create my-app
vue add cordova
npm run cordova-prepare
npm run cordova-serve-browser

Это работает нормально

npm run cordova-serve-ios

Многие сайты рекомендуют варианты, изменяющие это

new Vue({
    el:'#app',

    mounted:{
       alert("Vue is running");
    }
})

На это

const app = new Vue({
    el:'#app',

    methods:{
        init:function() {
            alert("Vue is running");
        }
    }
})

document.addEventListener('deviceready', app.init);

Мой сайт до сих пор пустует на симуляторе IOS. К вашему сведению: Android не имеет этой проблемы.

Answer 1

Шаг 2 из В этой статье показано, как добавить Cordova с помощью vue cli

. Интегрируйте Cordova в Vue Cli. Вы можете установить плагин Cli интеграции отдельно с помощью npm install vue -cli-plugin-cordova, но, добавив Cordova в Vue, в процессе устанавливается vue -cli-plugin-cordova.

Answer 2

Хотя важно, чтобы

document.addEventListener('deviceready', app.init);

работал правильно, эта проблема оказалась в том, что симулятор ios хотел использовать безопасное соединение с созданными файлами js. Он никогда даже не загружался во что-либо, связанное с VueJS.

Мне пришлось изменить vue.config.js с

module.exports = {
  publicPath: '',
  pluginOptions: {
    cordovaPath: 'src-cordova'
  }
}

На

module.exports = {
  publicPath: '',
  pluginOptions: {
    cordovaPath: 'src-cordova'
  },
  devServer: {
    https: false
  }
}

Требуется кредит go до: https://github.com/m0dch3n/vue-cli-plugin-cordova/issues/85