Приложение Vue не может загрузить компонент в автономном режиме (сообщение об ошибке отсутствует) - PullRequest
Новая
       0

Приложение Vue не может загрузить компонент в автономном режиме (сообщение об ошибке отсутствует)

0 голосов
/ 30 ноября 2018

Приложение прекрасно работает в любом браузере, но когда я «добавляю его на свой домашний экран» на iPad, оно загружает только «основной» компонент, но ни одного из дочерних.

Вот мой 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')

My 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>

My 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
    }
  ]
})

и компоненты / Parent.vue : 

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

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

По сути, это своего рода слайд-шоу, родительский компонент будет обнаруживатьТекущий маршрут и перейти к соответствующему слайду.

Как я уже упоминал, приложение очень хорошо работает как на моем рабочем столе (на Chrome), так и на моем iPad (на Safari), но когда я это делаю, добавьте его в мойдомашний экран ", все, что я вижу, это" ПЕРЕД ПРОСМОТРОМ "и" ПОСЛЕ ВИДА "из App.vue (а элемент #app имеет правильный цвет фона), но все в этом просто не загружается.

Я чувствую себя идиотом, я уверен, что решение зависит только от того, чего мне не хватает, но, похоже, я не могу найти кого-то еще с проблемой, близкойБоже мой, что я могу использовать их решение.

Пожалуйста, помогите, большое спасибо за ваше время!

1 Ответ

0 голосов
/ 01 декабря 2018

Я случайно нашел решение, которое заставляет желаемый контент появляться.В router / index.js я удалил строку 

mode: 'history',

Я, честно говоря, пока не понимаю, почему это работает, но это так.Я посмотрю дальше.

Спасибо всем, кто взглянул на мою проблему!

...