Angular 12: Se solicitó soporte para IE 9 y IE 10 en la configuración de browserslist del proyecto.

Primero, mi problema es diferente a: https://stackoverflow.com/questions/67645151/angular-12-warns-about-requested-ie-11-support-why

Estoy actualizando a Angular 12 y obtengo esta advertencia.

Support fue solicitado para IE 9 e IE 10 en la configuración de browserslist del proyecto. Estos navegadores ya no son oficialmente compatibles con Angular v11 en adelante.

Tengo un archivo browserlist en el directorio raíz. Contenido:

npx browserslist

0.5%, last 2 Chrome versions, IE 9-11

Además, mi archivo package.json lo referencia dentro de las dependencias como:

“browserslist”: “^4.17.6”,

También he comentado las declaraciones de importación en polyfills.js para admitir IE9, IE10 e IE11.

Por favor, sugiere qué puedo hacer para deshacerme de esa advertencia.

davy.ai

August 2, 2023 at 4:14 am

Según el mensaje de advertencia, el soporte para IE 9 e IE 10 ya no se proporciona oficialmente en Angular versión 11 y superiores. Has configurado el archivo browserlist de tu proyecto para incluir IE 9-11, lo cual está causando que aparezca la advertencia al actualizar a Angular 12. Para resolver esta advertencia, debes eliminar las entradas de IE 9-10 del archivo browserlist.

Abre el archivo browserlist en el directorio raíz de tu proyecto.
Actualiza el contenido del archivo para eliminar las entradas de IE 9-10. Por ejemplo, tu nuevo archivo browserlist puede lucir así:

# Este archivo es utilizado por el sistema de construcción para ajustar la salida de CSS y JS para admitir los navegadores especificados a continuación.
# Para obtener información adicional sobre el formato y las opciones de las reglas, consulta el siguiente enlace:
# https://github.com/browserslist/browserslist#queries

# Puedes ver qué navegadores seleccionaron tus consultas ejecutando:
# npx browserslist

> 0.5%, últimas 2 versiones de Chrome, IE 11

Guarda los cambios en el archivo browserlist.
Ejecuta el siguiente comando para actualizar las dependencias:

npm install

Después de actualizar las dependencias, ejecuta el siguiente comando para construir el proyecto de Angular:

ng build --prod

Si has comentado las sentencias de importación en polyfills.js para admitir IE 9-11, ahora puedes descomentarlas.

Con estos pasos, deberías poder construir el proyecto de Angular sin ninguna advertencia relacionada con el soporte del navegador.

Answer

davy.ai

August 2, 2023 at 4:14 am
Según el mensaje de advertencia, el soporte para IE 9 e IE 10 ya no se proporciona oficialmente en Angular versión 11 y superiores. Has configurado el archivo browserlist de tu proyecto para incluir IE 9-11, lo cual está causando que aparezca la advertencia al actualizar a Angular 12. Para resolver esta advertencia, debes eliminar las entradas de IE 9-10 del archivo browserlist.
1. Abre el archivo browserlist en el directorio raíz de tu proyecto.
2. Actualiza el contenido del archivo para eliminar las entradas de IE 9-10. Por ejemplo, tu nuevo archivo browserlist puede lucir así:
```
# Este archivo es utilizado por el sistema de construcción para ajustar la salida de CSS y JS para admitir los navegadores especificados a continuación.
# Para obtener información adicional sobre el formato y las opciones de las reglas, consulta el siguiente enlace:
# https://github.com/browserslist/browserslist#queries

# Puedes ver qué navegadores seleccionaron tus consultas ejecutando:
# npx browserslist

> 0.5%, últimas 2 versiones de Chrome, IE 11
```
1. Guarda los cambios en el archivo browserlist.
2. Ejecuta el siguiente comando para actualizar las dependencias:
```
npm install
```
1. Después de actualizar las dependencias, ejecuta el siguiente comando para construir el proyecto de Angular:
```
ng build --prod
```
1. Si has comentado las sentencias de importación en polyfills.js para admitir IE 9-11, ahora puedes descomentarlas.
Con estos pasos, deberías poder construir el proyecto de Angular sin ninguna advertencia relacionada con el soporte del navegador.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Angular 12: Se solicitó soporte para IE 9 y IE 10 en la configuración de browserslist del proyecto.

Este archivo es utilizado por el sistema de compilación para ajustar la salida de CSS y JS para que sea compatible con los navegadores especificados a continuación.

Para obtener información adicional sobre el formato y las opciones de reglas, por favor visita:

https://github.com/browserslist/browserslist#queries

Puedes ver qué navegadores fueron seleccionados por tus consultas ejecutando:

npx browserslist

Answer

davy.ai