Я создал приложение React. js, которое отлично работает на настольном компьютере и Android, но на iOs просто показывает пустой белый экран. Я читал в разных местах, это связано с homepage
в моем package.json
, но я не могу понять, какова правильная конфигурация. Я пробовал много разных вариантов, но он все еще белый.
некоторые люди говорят, что это должно быть "homepage":"."
другие говорят, что это должно быть "homepage":"https://yoursite.com/relativeurl"
. Я даже не уверен со вторым, что идет вместо relative url
? Кто-то показывает это с https://
, кто-то говорит, что он начинается с http://
.
Играю с этим уже 3 часа, но все еще просто белый экран на моем iPad, но отлично на моем рабочем столе.
РЕДАКТИРОВАТЬ: я добавил заголовки в firebase.json
, чтобы мой окончательный файл выглядел следующим образом:
{
"firestore": {
"rules": "firestore.rules",
"indexes": "firestore.indexes.json"
},
"functions": {
"predeploy": [
"npm --prefix \"$RESOURCE_DIR\" run lint",
"npm --prefix \"$RESOURCE_DIR\" run build"
]
},
"hosting": {
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"headers": [
{"source": "/service-worker.js", "headers": [{"key": "Cache-Control", "value": "no-cache"}]}
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
},
"storage": {
"rules": "storage.rules"
}
}
В моем основном теге index.js
body я настраиваю firebase как следует:
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-analytics.js"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="/__/firebase/7.14.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="/__/firebase/7.14.1/firebase-analytics.js"></script>
<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>
<div id="root"></div>