TL; DR: Новое приложение, созданное с create-react-app и yarn build, затем скопированное в каталог / www нового проекта Phonegap, приводит к появлению белого экрана при загрузке приложения в приложении Phonegap Developer. через phonegap serve.
Я работаю над приложением ReactJS уже некоторое время и в настоящее время занимаюсь портированием его на Phonegap для создания гибридных мобильных приложений для Android и iOS.
Я прошел настройку Phonegap и успешно запустил их демонстрационный проект (который генерируется при запуске phonegap create) в приложении Phonegap Developer.
Однако, когда я создаю новое приложение реагирования через create-react-app (или использую мое существующее приложение), запустите yarn build, чтобы создать производственную сборку, затем скопируйте содержимое / build в / www для Phonegap, запустив приложение в приложении Phonegap Developer отображается белый экран.
Вывод phonegap serve при открытии приложения в приложении Phonegap Developer выглядит следующим образом:
[phonegap] [console.warn] Content Security Policy has been added: <meta http-equiv="Content-Security-Policy" content="default-src * gap: ws: https://ssl.gstatic.com;img-src * 'self' data: content:;style-src 'self' 'unsafe-inline' data: blob:;script-src * 'unsafe-inline' 'unsafe-eval' data: blob:;">
[phonegap] 200 /__api__/appzip
Когда сервер работает, я могу успешно получить доступ к приложению, перейдя к его IP-адресу непосредственно в Chrome для Android, но попытка загрузить его в приложение Phonegap Developer по-прежнему приводит к белому экрану.
Вывод из phonegap serve при загрузке приложения в браузере выглядит следующим образом:
[phonegap] 200 /
[phonegap] 200 /static/css/main.7b1984ad.css
[phonegap] 200 /socket.io/socket.io.js
[phonegap] 200 /static/js/main.48127ccb.js
[phonegap] 200 /static/css/main.7b1984ad.css.map
[phonegap] 200 /img/nav-logo.png
[phonegap] 200 /img/welcome-logo.png
[phonegap] 200 /socket.io/?EIO=3&transport=polling&t=MLheCGT
[phonegap] 200 /socket.io/?EIO=3&transport=polling&t=MLheCOR&sid=Q1drCs6tvCUbSX_FAAAA
[phonegap] 200 /socket.io/?EIO=3&transport=polling&t=MLheCSj&sid=Q1drCs6tvCUbSX_FAAAA
[phonegap] 200 /static/js/main.48127ccb.js.map
Я также подтвердил, что при загрузке приложения не выдается никаких ошибок JS.
Если у кого-то есть решение или какие-либо идеи, оно будет очень признательно.