Приложение Next.js, размещенное на авариях Vercel на iPhone 13.12.14, но отлично работает на iPhone 15/16, iPad ⇐ IOS

[Anonymous]

Я сталкиваюсь с странной проблемой, в которой мое приложение Next.js, размещенное на сбоях Vercel на iPhone 12, 13 и 14, но отлично работает на iPhone 15 и 16. < /p>
Настройка: < /p>

[*] Хостинг: vercel < /li>
/> React: 19.0.0 < /li>
tailwindcss: 4 (бета) < /li>
библиотеки анимации: < /strong>

/>[email protected]
[*]@lordicon/[email protected]
< /ul>
< /li>
< /ul>
my package.json (partial): < /p>

Код: Выделить всё

"dependencies": {
"@lordicon/react": "^1.11.0",
"framer-motion": "^12.16.0",
"lottie-react": "^2.4.1",
"lottie-web": "^5.13.0",
"next": "15.3.2",
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
"scripts": {
"dev": "next dev --turbopack",
"build": "next build",
"start": "next start"
}

Поведение:

[*] Сайт обычно загружается на настольный хром, сафари, телефоны Android,
и новые iPhone (15/16). /> unresponsive.
Я еще не применял каких -либо конкретных полифиллов или совместимости браузера
. На более старых iPhone? < /li>
Может ли анимация с анимацией кадр или лоттию-Web вызвать сбои Safari (webkit)
< /li>
Мне нужно добавить совместимость браузера для ios 15/16? /> Двигатели? < /li>
< /ul>
Любое руководство или общий опыт действительно помогут. Дайте мне знать, если я должен поделиться ссылкой или журналами отладки.

Подробнее здесь: https://stackoverflow.com/questions/796 ... -on-iphone