Vue SPA - PhantomJS работает успешно, но Fetch As Google показывает пустым

Question

Моя команда создала SPA с использованием Vue (https://tutorismhk.com/).. При работе над SEO мы обнаруживаем, что Fetch As Google не удалось отобразить страницу (показывает пустую страницу в предварительном просмотре). Сообщение об ошибке не отображается.

Мы протестировали с PhantomJS v2.1.1 - используем его для рендеринга вышеуказанного URL-адреса с нашего локального компьютера и привязки экрана к изображению. Он просто хорошо работает.

Любая идея о том, какмы можем отладить его?

Answer 1

Мы нашли обходной путь после проб и ошибок.Для нашего приложения есть две проблемы.

1. Мы вручную установили последнюю версию babel-polyfill.Я предполагаю, что это вызывает некоторую несовместимую проблему.

2. Кажется, что после обновления @ vue / cli-plugin-babel до v3.4.0 у него начинаются некоторые проблемы с другими зависимостями, которые у нас есть (в нашем случае vue-izitoast v1.1.2).

После удаления babel-polyfill и понижения @ vue / cli-plugin-babel до версии 3.3.0, Fetch As Google успешно отображает нашу страницу.