Por qué IE 11 muestra la aplicación de reacción de representación de página en blanco

2 minutos de lectura

avatar de usuario
chica1234

Tengo un problema con IE 11 y mi aplicación de reacción. Uso Webpack, babel y polyfill.io cdn y todo está bien hasta que renderiza el archivo empaquetado, luego deja de hacer nada. ¿Tienes alguna idea de lo que puede salir mal?

Gracias por adelantado.

  • Todo lo que tenía que hacer era instalar el core-js paquete npm y luego agreguecore-js/stable a la configuración del paquete web entry formación.

    – totymedli

    12 de febrero de 2021 a las 4:24

  • stackoverflow.com/questions/55967048

    – Naidim

    24 de febrero de 2021 a las 14:57

  • ¿Estás usando es6? Debido a que las clases (en javascript) no son compatibles con IE 11 (caniuse.com/?search=clase)

    – CrazyVideoGamer

    15/03/2021 a las 21:15

avatar de usuario
Rayees Pk

El paquete react-app-polyfill ayudará a trabajar con la aplicación de reacción en ie9 e ie11. Esto funcionará tanto en el entorno de desarrollo como en el de producción.

Siga los pasos 1. Edite el archivo index.js y agregue las siguientes líneas en la parte superior del archivo.

    import 'react-app-polyfill/ie9';
    import 'react-app-polyfill/ie11';
    import 'react-app-polyfill/stable';
  1. Edite el archivo Package.json y agregue “ie 11” en las secciones de desarrollo de la lista de navegadores. La lista de producción predeterminada es bastante generosa e incluye, por ejemplo, 11 ya a través del > 0,2 %.

    "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version",
      "ie 11"
    ]
    

    }

  2. elimine toda su carpeta node_modules

  3. ejecute npm install para reinstalar node_modules

  4. ejecutar npm empezar a ejecutar de nuevo

Para cualquier otra persona que tropiece con este problema,

Si react-app-polyfill no funciona para usted, pruebe core-js en su lugar.

$ npm install core-js

Asegúrese de que esta sea la primera línea en su archivo src/index.js:

import 'core-js/stable'

Además, es posible que no vea la solución cuando esté en desarrollo.

Para mí, el problema se resolvió solo en la versión de producción (react build)

avatar de usuario
Konstantin Zlatkov

react-app-polyfills funciona para mí solo en producción, no en desarrollo. Cree, implemente y luego pruébelo.

avatar de usuario
akber iqbal

Probé las soluciones ofrecidas anteriormente, pero aún no pude hacer que la página funcionara en IE11 ni en mi viejo iOS 9.3.2…

Hice exactamente lo sugerido por @Treycos y @Kurisubo pero sin resolución; para resolver, tuve que reemplazar la función de flecha es6 de mi componente funcional al estilo declarativo de la vieja escuela y la página cargada en IE 11 e iOS 9.3.2

NOTA: este componente funcional fue el primer componente que se representó en la página

Agregar esto aquí para que alguien pueda beneficiarse en el futuro.

  • ¡Akber, ERES UNA LEYENDA! Este era exactamente el problema que estaba teniendo. Realmente me ayudaste. Gracias.

    – Inspector Danno

    9 de julio de 2020 a las 21:55

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad