solución
1. Descripción de fondo
Cuando el proyecto se empaqueta recientemente, no hay ningún problema con el paquete local y puede ejecutarse con normalidad, pero una vez que se compila y lanza automáticamente a través de CI/CD, se informará un error Lista de navegadores: caniuse-lite está desactualizado. : npx update-browserslist-db @latest, y termine la compilación y el empaquetado
La imagen a continuación es el mensaje de error informado por la computadora local al empaquetar, pero al final no afectará la construcción y el empaque del proyecto, y el empaque puede tener éxito.
Sin embargo, una vez que la compilación y el lanzamiento automáticos se realicen a través de CI/CD, se informará un error y el empaquetado finalizará, lo que eventualmente hará que el empaquetado falle.
Dos, la solución
2.1 Solución 1: Vuelva a instalar caniuse-lite, browserslist
Busque dos carpetas en la carpeta node_modules del proyecto en la computadora local: caniuse-lite y browserslist. Y elimine las dos carpetas caniuse-lite y browserslist.
Luego ejecute el siguiente comando para reinstalar caniuse-lite y browserslist.
Vuelva a empaquetar el proyecto en la computadora local, pruébelo y envíe el archivo package.json al servidor svn después de la prueba, para que jenkins vuelva a adquirir los paquetes dependientes cuando se empaquete nuevamente.
npm i caniuse-lite browserslist -S
Puede consultar las siguientes imágenes de muestra:
Después de ejecutar el comando de reinstalación, si aparece el contenido que se muestra en la figura a continuación, significa que la reinstalación de los dos archivos se realizó correctamente.
Después de la reinstalación, aparecerán dos paquetes dependientes en el archivo package.json del proyecto, como se muestra en la siguiente figura:
2.2 Solución 2: npm actualiza la lista de navegadores caniuse-lite
Aquí se nos indica que necesitamos actualizar npm. Cabe señalar que no podemos actualizar directamente npm, porque esto actualizará todos nuestros paquetes dependientes. Necesitamos traer el nombre del paquete, por lo que debemos escribir el comando así:
npm update caniuse-lite browserslist
3. Expansión
La introducción de caniuse-lite y browserslist, si desea obtener más conocimientos relacionados, consulte la siguiente introducción.
lista de navegadores: https://www.npmjs.com/package/browserslist
caniuse-lite: https://www.npmjs.com/package/caniuse-lite
¡Este artículo ha terminado!