firebaseでデプロイしたサイトがiphoneだと表示されない。

vue.js勉強中の者です。

作り上げたアプリをデプロイしてmacではOK、iPhoneはどうかなと確認しにいくと背景画面は映るのですがview全てが表示されません。

ipnoneでもアクセス出来るようにしたいです。

最初はどちらもアクセスできていたのですが、修正を加えて何度かデプロイし直しているとiphoneの方だけ表示されなくなりました。

iphoneではhttps://iphonet.info/archives/354を参考にキャッシュを削除しましたが、うまくいかず。。
testの文字だけ表示され、その後表示が変わりません。

個人的にはpublic/index.htmlやmain.jsなどが怪しいと思っています。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">test</div>
    <!-- built files will be auto injected -->
  </body>
</html>

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Vuelidate from 'vuelidate'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'


Vue.config.productionTip = false

Vue.use(Vuelidate)
Vue.use(BootstrapVue)

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

上記を参考にしてみましたが、うまくいきません。

どなたか知恵を貸していただきたいです。

よろしくおねがします。

vue.js 2.6.1