0
227
Views¿Por qué mi aplicación nextjs no funciona en Safari?
Estoy desarrollando una aplicación web usando nextjs. Todo funciona bien en todos los navegadores, excepto Safari en Mac. Esto es lo que obtuve cuando abrí la consola del desarrollador:
Solo en Mac que esto está sucediendo, aún puede ejecutarse normalmente en un iPhone. ¿Alguien tiene una idea de por qué sucede esto?
·
Juan Pablo Isaza
1 answers
Answer question0
La API IntersectionObserver no está disponible en Safari v3.1-12. Usted o cualquiera de sus bibliotecas está utilizando esta API. Para que funcione en versiones anteriores de Safari, debe polillenarlo. Algo como esto debería hacer el trabajo para Safari v6+:
// pages/_app.jsx import Script from 'next/script'; const App = ({ Component, pageProps }) => ( <> <Script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver" strategy="beforeInteractive" /> <Component {...pageProps} /> </> ); export default App;Referencias:
- https://caniuse.com/intersectionobserver
- https://nextjs.org/docs/basic-features/supported-browsers-features#custom-polyfills
- https://github.com/w3c/IntersectionObserver/tree/main/polyfill
- https://nextjs.org/docs/basic-features/script#loading-polyfills
- https://nextjs.org/docs/advanced-features/custom-app
·
Juan Pablo Isaza
Report
Answer question