Vue 应用程序无法独立加载组件（无错误消息）

Question

该应用程序在每个浏览器上都运行良好，但是当我 "Add it to my Home Screen" 在我的 iPad 上时，它只加载 "main" 组件，但 none 子组件。

这是我的 main.js :

import Vue from 'vue'
import router from './router'
import App from '@/App.vue'

Vue.config.productionTip = false

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

我的App.vue:

<template>
  <div id="app">
    <div class="bg">BEFORE VIEW</div>
    <router-view class="view"></router-view>
    <div class="bg">AFTER VIEW</div>
  </div>
</template>

<script>
    require('./assets/styles.css')
</script>

我的router/index.js:

import Vue from 'vue'
import VueRouter from 'vue-router'
import Parent from '@/components/Parent'

Vue.use(VueRouter)

export default new VueRouter({
  mode: 'history',
  base: __dirname,
  routes: [
    { path: '/', component: Parent },
    { path: '/products',
      component: Parent
    },
    { path: '/clients',
      component: Parent
    },
    { path: '/verticals',
      component: Parent
    }
  ]
})

和components/Parent.vue :

<template>
  <div class="parent">
    <p>INSIDE PARENT</p>
  </div>
</template>

<script>
  export default {
    name: 'Parent'
  }
</script>

基本上这是一种幻灯片放映，Parent 组件将检测当前 Route 并转到适当的幻灯片。

正如我所提到的，该应用程序在我的桌面（Chrome）和我的 iPad（Safari）上都运行良好，但是当我 "Add it to my home screen" 时，所有我看到 "BEFORE VIEW" 和 "AFTER VIEW" 来自 App.vue（并且 #app 元素具有正确的背景颜色）但是只是没有加载。

我觉得自己像个白痴，我确定解决方案仅取决于我所缺少的一些知识，但我似乎找不到其他人的问题与我的问题足够接近，我可以使用他们的解决方案。

请帮忙，非常感谢您抽出宝贵时间！

Answer 1

我随机找到了一个解决方案，使所需的内容出现。在 router/index.js 中，我删除了行

mode: 'history',

老实说，我还不明白它为什么起作用，但它确实起作用了。我再看看。

感谢所有看过我问题的人！

Vue 应用程序无法独立加载组件（无错误消息）

Vue app fails to load component on standalone (no error message)

vue-router