Предлагаю переименовать название репозитория, чтобы он соответствовал npm пакету (create-vk-mini-app).

Делаю всё, что указано здесь: https://vk.com/@vkappsdev-quick-start

Промис connect.sendPromise('VKWebAppGetUserInfo') не реджектится и не резолвится. В консоли не вижу ошибок, в Network не вижу запросов.

try {
     console.log('fetchData'); // выводится
    const user = await connect.sendPromise('VKWebAppGetUserInfo');
    console.log('fetchData ok', user); // не выводится
    setUser(user);
    setPopout(null);
} catch (err) {
    console.log('fetchData err', err); // не выводится
}

Что я не так делаю?

Прописал
npx @vkontakte/create-vk-mini-app <folder name>
npm start
как написано в документации, но вышла ошибка Can't resolve '@vkontakte/icons' in ...

Обновил иконки руками (npm i @vkontakte/icons) и ЗАРАБОТАЛО.

Исправьте пожалуйста.

Please perform a new release to NPM. I used this app with npx @vkontakte/create-vk-mini-app but got bunch of error like

./src/panels/Persik.js
Attempted import error: 'HeaderButton' is not exported from '@vkontakte/vkui'.

and ListItem is not imported (it was replaced with Cell) etc. I'm new to react and vkui and spent some time to figure out how to fix that.
P.S. Please add a link to this generator into VKUI documentation because now it's totally unclear how to use it for beginners like me. Thank you

C:\Users\FLINT\Desktop>npx @vkontakte/create-vk-mini-app dp
🎬 Creating project...
⏱ Installing project dependencies — it might take a few minutes..
😳 npm error:
Error: Command failed: cd dp && npm install cross-env@^7.0.3 react-hot-loader@^4.13.0 react-scripts@^4.0.3 --save-dev && npm install @vkontakte/icons@^1.92.0 @vkontakte/[email protected] @vkontakte/vkui@^4.5.0 babel-eslint@^10.1.0 chalk@^4.1.0 eruda@^2.4.1 eruda-code@^2.0.0 eruda-dom@^2.0.0 prop-types@^15.7.2 react@^17.0.2 react-dom@^17.0.2 @vkontakte/vk-bridge@latest @vkontakte/vkjs@latest
npm WARN deprecated [email protected]: flatten is deprecated in favor of utility frameworks such as lodash.
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated [email protected]: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @vkontakte/[email protected]
npm ERR! node_modules/@vkontakte/vkjs
npm ERR! @vkontakte/vkjs@"0.22.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @vkontakte/vkjs@"^0.20.0" from @vkontakte/[email protected]
npm ERR! node_modules/@vkontakte/vkui
npm ERR! @vkontakte/vkui@"4.5.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\FLINT\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\FLINT\AppData\Local\npm-cache_logs\2021-11-08T14_14_21_987Z-debug.log

C:\Users\FLINT\Desktop>npm i [email protected] -g

added 5 packages, and audited 54 packages in 9s

found 0 vulnerabilities

C:\Users\FLINT\Desktop>npx @vkontakte/create-vk-mini-app dp
npx: installed 306 in 17.508s
🎬 Creating project...
😳 Initializing error:
Error: Command failed: mkdir dp && cd dp && npm init -f
�������� ��� 䠩� dp 㦥 �������.

$ create-vk-mini-app
🎬 Creating project...
⏱ Installing project dependencies — it might take a few minutes..
/home/demiurg/.config/yarn/global/node_modules/@vkontakte/create-vk-mini-app/bin/create-vk-mini-app.js:73
if (err) throw err;
^

[Error: ENOENT: no such file or directory, open 'mini-app/package.json'] {
errno: -2,
code: 'ENOENT',
syscall: 'open',
path: 'mini-app/package.json'
}

P.S. NodeJS: 16.13.2, OS: Ubuntu 20.04

npm ci can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with npm install before continuing.

whole console:

PS F:\github\test> npx @vkontakte/create-vk-mini-app aTEST
🎬 Creating project...
⏱ Copying VK Mini App source and configuration files..
🖼 VK Mini App source and configuration files are copied
⏱ Installing project dependencies — it might take a few minutes..
npm ERR! code EUSAGE
npm ERR!
npm ERR! `npm ci` can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with `npm install` before continuing.
npm ERR!
npm ERR! Invalid: lock file's [email protected] does not satisfy [email protected]
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR!
npm ERR! Clean install a project
npm ERR!
npm ERR! Usage:
npm ERR! npm ci
npm ERR!
npm ERR! Options:
npm ERR! [--no-audit] [--foreground-scripts] [--ignore-scripts]
npm ERR! [--script-shell <script-shell>]
npm ERR!
npm ERR! aliases: clean-install, ic, install-clean, isntall-clean
npm ERR!
npm ERR! Run "npm help ci" for more info

npm ERR! A complete log of this run can be found in:
npm ERR!     B:\User\npm-cache\_logs\2022-06-03T03_27_22_897Z-debug-0.log
😳 npm error:
Error: Command failed: cd aTEST && npm ci
npm ERR! code EUSAGE
npm ERR!
npm ERR! `npm ci` can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with `npm install` before continuing.
npm ERR!
npm ERR! Invalid: lock file's type-fest@0.21.3 does not satisfy type-fest@0.13.1
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: csstype@3.1.0 from lock file
npm ERR! Missing: type-fest@0.21.3 from lock file
npm ERR! Missing: typescript@4.7.2 from lock file
npm ERR!
npm ERR! Clean install a project
npm ERR!
npm ERR! Usage:
npm ERR! npm ci
npm ERR!
npm ERR! Options:
npm ERR! [--no-audit] [--foreground-scripts] [--ignore-scripts]
npm ERR! [--script-shell <script-shell>]
npm ERR!
npm ERR! aliases: clean-install, ic, install-clean, isntall-clean
npm ERR!
npm ERR! Run "npm help ci" for more info

npm ERR! A complete log of this run can be found in:
npm ERR!     B:\User\npm-cache\_logs\2022-06-03T03_27_22_897Z-debug-0.log

• npm -v > 8.11.0
• node -v > v18.0.0
• os -v > windows 10 pro

Установил глобально. Всё можно воспроизвести если следовать инструкциям на https://www.npmjs.com/package/@vkontakte/create-vk-mini-app

Выполнил команду:

create-vk-mini-app [app-directory-name] [options]
// or
npx @vkontakte/create-vk-mini-app

Итог:

create-vk-mini-app first_mini-app
🎬 Creating project...
⏱ Copying VK Mini App source and configuration files..
🖼 VK Mini App source and configuration files are copied
⏱ Installing project dependencies — it might take a few minutes..
npm ERR! code EUSAGE
npm ERR! 
npm ERR! `npm ci` can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with `npm install` before continuing.
npm ERR! 
npm ERR! Invalid: lock file's [email protected] does not satisfy [email protected]
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! 
npm ERR! Clean install a project
npm ERR! 
npm ERR! Usage:
npm ERR! npm ci
npm ERR! 
npm ERR! Options:
npm ERR! [-S|--save|--no-save|--save-prod|--save-dev|--save-optional|--save-peer|--save-bundle]
npm ERR! [-E|--save-exact] [-g|--global] [--install-strategy <hoisted|nested|shallow>]
npm ERR! [--legacy-bundling] [--global-style]
npm ERR! [--omit <dev|optional|peer> [--omit <dev|optional|peer> ...]]
npm ERR! [--strict-peer-deps] [--no-package-lock] [--foreground-scripts]
npm ERR! [--ignore-scripts] [--no-audit] [--no-bin-links] [--no-fund] [--dry-run]
npm ERR! [-w|--workspace <workspace-name> [-w|--workspace <workspace-name> ...]]
npm ERR! [-ws|--workspaces] [--include-workspace-root] [--no-install-links]
npm ERR! 
npm ERR! aliases: clean-install, ic, install-clean, isntall-clean
npm ERR! 
npm ERR! Run "npm help ci" for more info

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/doox911/.npm/_logs/2023-02-12T13_12_05_663Z-debug-0.log
😳 npm error:
Error: Command failed: cd first_mini-app && npm ci
npm ERR! code EUSAGE
npm ERR! 
npm ERR! `npm ci` can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with `npm install` before continuing.
npm ERR! 
npm ERR! Invalid: lock file's [email protected] does not satisfy [email protected]
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! 
npm ERR! Clean install a project
npm ERR! 
npm ERR! Usage:
npm ERR! npm ci
npm ERR! 
npm ERR! Options:
npm ERR! [-S|--save|--no-save|--save-prod|--save-dev|--save-optional|--save-peer|--save-bundle]
npm ERR! [-E|--save-exact] [-g|--global] [--install-strategy <hoisted|nested|shallow>]
npm ERR! [--legacy-bundling] [--global-style]
npm ERR! [--omit <dev|optional|peer> [--omit <dev|optional|peer> ...]]
npm ERR! [--strict-peer-deps] [--no-package-lock] [--foreground-scripts]
npm ERR! [--ignore-scripts] [--no-audit] [--no-bin-links] [--no-fund] [--dry-run]
npm ERR! [-w|--workspace <workspace-name> [-w|--workspace <workspace-name> ...]]
npm ERR! [-ws|--workspaces] [--include-workspace-root] [--no-install-links]
npm ERR! 
npm ERR! aliases: clean-install, ic, install-clean, isntall-clean
npm ERR! 
npm ERR! Run "npm help ci" for more info

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/doox911/.npm/_logs/2023-02-12T13_12_05_663Z-debug-0.log

OS: Ubuntu 22.04 LTS

Создаётся директория с проектом. Если зайти в ней и выполнить установку пакетов - всё работает.

Здравствуйте! Пытаясь создать шаблон мини-приложения с помощью команды «npx @vkontakte/create-vk-mini-app название проекта» у меня появляется ошибка при установке зависимостей. Уже пытался понижать версию node и npm, но результат такой же. Я предполагаю, что проблема возникла со стороны разработчиков и надеюсь, что в ближайшее время они смогут решить данную проблему.

Не работает npx @vkontakte/create-vk-mini-app

 npx @vkontakte/create-vk-mini-app vk-app
🎬 Creating project...
⏱ Copying VK Mini App source and configuration files..
🖼 VK Mini App source and configuration files are copied
⏱ Installing project dependencies — it might take a few minutes..
npm ERR! code EUSAGE
npm ERR! 
npm ERR! `npm ci` can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with `npm install` before continuing.
npm ERR! 
npm ERR! Invalid: lock file's [email protected] does not satisfy [email protected]
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: @types/[email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! 
npm ERR! Clean install a project

Окружение:

% node -v
v16.16.0
% npm -v
8.11.0

Currently compilation broken because of missing components. As I understood I must change:

• PanelButton -> PanelHeaderButton
• Cell -> SimpleCell

Размер шрифта в сервисах (webview) меньше чем в самом интерфейсе приложения (Android).
К сравнению можно взять компонент Cell в сервисах и список раздела Сообщества.
Наглядный пример - сервис в каталоге "Каталог ботов" и раздел Сообщества.
Устройство проверки Honor 8X

C:\OpenServer\domains\justpro.local\CLI\nodejs\flappy_bird>npx @vkontakte/create-vk-mini-app

� Creating project...
⏱ Installing project dependencies — it might take a few minutes..
� npm error:
Error: Command failed: cd mini-app && npm install cross-env@^5.2.0 react-hot-loader@^4.9.0 react-scripts@^4.0.1 --save-dev && npm install @vkontakte/icons@^1.18.2 @vkontakte/vk-miniapps-deploy@^0.0.17 @vkontakte/[email protected] [email protected] chalk@^2.4.2 eruda@^2.2.0 eruda-code@^2.0.0 eruda-dom@^2.0.0 prop-types@^15.7.2 react@^16.9.0 react-dom@^16.9.0 @vkontakte/vk-bridge@latest @vkontakte/vkjs@latest
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see request/request#3142
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @vkontakte/[email protected]
npm ERR! node_modules/@vkontakte/icons
npm ERR! @vkontakte/icons@"1.18.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @vkontakte/icons@"^1.64.0" from @vkontakte/[email protected]
npm ERR! node_modules/@vkontakte/vkui
npm ERR! @vkontakte/vkui@"4.0.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\kelle\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\kelle\AppData\Local\npm-cache_logs\2021-03-18T20_06_57_767Z-debug.log

if you write in the console in prod, stage, or localhost versions :

bridge.send("VKWebAppInit");
Uncaught ReferenceError: bridge is not defined
    <anonymous> debugger eval code:1

description of issue

В пакете npm лежит yarn-error.log с пользовательской информацией.
Чтобы избежать подобного, предлагаю добавлять файлы логов в .npmignore.

Не могу заюзать эту утилиту для создания проекта.

Лог терминала:

<USER_NAME>@MacBook-<USER_NAME> test_vk_mini_app % npx @vkontakte/create-vk-mini-app my_mini_app --force
🎬 Creating project...
⏱ Installing project dependencies — it might take a few minutes..
😳 npm error:
Error: Command failed: cd my_mini_app && npm install cross-env@^5.2.0 react-hot-loader@^4.9.0 react-scripts@^3.4.1 --save-dev && npm install @vkontakte/icons@^1.18.2 @vkontakte/vk-miniapps-deploy@^0.0.17 @vkontakte/vkui@^3.5.0 [email protected] chalk@^2.4.2 core-js@^3.6.4 eruda@^2.2.0 eruda-code@^2.0.0 eruda-dom@^2.0.0  prop-types@^15.7.2 react@^16.9.0 react-dom@^16.9.0 @vkontakte/vk-bridge@latest
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: use String.prototype.padStart()
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: This loader has been deprecated. Please use eslint-webpack-plugin
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^16.9.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! @vkontakte/icons@"^1.18.2" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.9.0" from @vkontakte/[email protected]
npm ERR!   node_modules/@vkontakte/icons
npm ERR!     @vkontakte/icons@"^1.18.2" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/<USER_NAME>/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/<USER_NAME>/.npm/_logs/2020-10-28T02_12_44_734Z-debug.log

Ключи --force и --legacy-peer-deps не помогают. Прикладываю eresolve-report.txt и 2020-10-28T02_12_44_734Z-debug.log
eresolve-report.txt
2020-10-28T02_12_44_734Z-debug.log

В VKUI v6 больше не будет внутренней интеграции с VK Bridge (см. VKCOM/VKUI#5049). Нужно будет самостоятельно завязываться на VK Bridge.

В VKUI v5.8.0 уже можно будет реализовать эту завязку – вот предварительная документация v5.8.0-beta.0.

Что нужно сделать?

Чтобы подготовить новых пользователей к этому, необходимо изменить шаблоны JS и TS по инструкции Интеграция с VK Mini Apps.

Оригинальный тикет: VKCOM/VKUI#261

По информации от @ArthurStam проблема в агрессивной минификации CSS.

Есть ли решение, чтобы VK IU заработал на поддерживаемой VK Apps платформе?

Какие заголовки необходимы для того, чтоб успешно получить ответ с собственного сервера в json? Например https://blockchain.info/ticker возвращает нормальный ответ, а запрос на мой сервер с https возвращается результат error: {"message":"Network Error"}

In file Home.js invalid component imports. From 4 to 11 lines.

Must be replaced with import { Panel, PanelHeader, Header, Button, Group, Cell, Div, Avatar } from "@vkontakte/vkui";

Command npx @vkontakte/create-vk-mini-app creates project with old version of @vkontakte/vkui 3.x.x, though version 4.x.x is already released (think @vkontakte/icons should also be updated)

create-vk-mini-app

🎬 Creating project...
⏱ Installing project dependencies — it might take a few minutes..
😳 npm error:
Error: Command failed: cd mini-app && npm install cross-env@^7.0.3 react-hot-loader@^4.13.0 react-scripts@^4.0.3 --save-dev && npm install @vkontakte/icons@^1.92.0 @vkontakte/[email protected] @vkontakte/vkui@^4.5.0 babel-eslint@^10.1.0 chalk@^4.1.0 eruda@^2.4.1 eruda-code@^2.0.0 eruda-dom@^2.0.0 prop-types@^15.7.2 react@^17.0.2 react-dom@^17.0.2 @vkontakte/vk-bridge@latest @vkontakte/vkjs@latest
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see request/request#3142
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
npm WARN deprecated [email protected]: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @vkontakte/[email protected]
npm ERR! node_modules/@vkontakte/vkjs
npm ERR! @vkontakte/vkjs@"0.21.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @vkontakte/vkjs@"^0.20.0" from @vkontakte/[email protected]
npm ERR! node_modules/@vkontakte/vkui
npm ERR! @vkontakte/vkui@"^4.5.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /root/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2021-05-20T20_41_04_064Z-debug.log

Проблема с указанием зависимостей, или что?