Бесконечная загрузка VK Mini Apps — что делать?

Question

[Егор Томашин]

При запуске локально проекта сделанного по гайду от ВК - https://vk.com/@vkappsdev-quick-start - происходит бесконечная загрузка, стикер персика по нажатию не появляется - что делать?

Comments

[Сергей Соколов]

Консоль смотрели?

[Егор Томашин]

Сергей Соколов, вот...

[Сергей Соколов]

Егор Томашин, мы тут ваши картинки под микроскопом не смотрим. Текстом пишите

[Егор Томашин]

Сергей Соколов, пишет, что всё нормально локально показывает

[Сергей Соколов]

Егор Томашин, консоль браузера, где крутится спиннер, а не терминал

Answer 1

[Stockholm Syndrome]

персик будет открываться только в самом вк, потому что локально библиотека vk-connect не будет работать

Answer 2

[TheVer4]

фиксится довольно просто

в App.js замените соответствующие строчки:

import React, { useState, useEffect } from 'react';
import connect from '@vkontakte/vk-connect';
import View from '@vkontakte/vkui/dist/components/View/View';
import '@vkontakte/vkui/dist/vkui.css';

import Home from './panels/Home';
import Persik from './panels/Persik';

const App = () => {
 const [activePanel, setActivePanel] = useState('home');
 const [fetchedUser, setUser] = useState(null);
 const [popout, setPopout] = useState(null);