Recientemente, cuando compilo mis archivos scss, aparece un error. El mensaje de error dice:
Browserslist: caniuse-lite está desactualizado. Ejecute el siguiente comando
npm update caniuse-lite browserslist
Primero, como dice el mensaje, corrí npm update caniuse-lite browserslistpero no solucionó el problema. Eliminé todo el directorio nod-modules y lo instalé nuevamente, también actualicé toda la carpeta npm updatepero ninguno de ellos resolvió el problema. También reinstalé autoprefixer y browserslist, pero ninguno de ellos resolvió el problema.
Si me quito
"options": {
"autoPrefix": "> 1%"
}
desde mi punto de vista compilerconfig.json, todo funciona bien, lo que significa que probablemente esté relacionado con el autoprefixer. Además, cambié manualmente la versión del paquete a la última versión package.jsony la reinstalé, pero no tuve suerte.
fuente

Prueba esto resolvió mi problema
npx browserslist@latest --update-dbfuente
Para desarrolladores angulares
Aunque, estoy respondiendo esto muy tarde. Tengo la mala costumbre de verificar los registros de cambios de todas las bibliotecas que uso 😀 y mientras revisaba las notas de la versión de Angular CLI, descubrí que lanzaron un nuevo parche ayer (9 de enero de 2020) que soluciona este problema.
https://github.com/angular/angular-cli/releases/tag/v8.3.22
Entonces, cuando se ejecute
ng update, debe obtener actualizaciones para@angular/cli:Y correr
ng update @angular/clisolucionará esta advertencia.¡Salud!
fuente
Encontré un atajo en lugar de pasar
vs code appData/webCompiler, lo agregué como una dependencia a mi proyecto con este cmdnpm i caniuse-lite browserslist. Pero puede instalarlo globalmente para evitar agregarlo a cada proyecto.Después de la instalación, puede eliminarlo de su proyecto
package.jsony hacerlonpm i.Actualizar:
En caso de que la solución anterior no lo solucione. Podría ejecutar
npm update, ya que esto actualizaría los paquetes obsoletos / desactualizados.Nota:
Después de ejecutar la actualización de npm, es posible que falten dependencias. Rastree el error e instale las dependencias que faltan. El mío era nodemon, que arreglo por
npm i nodemon -gfuente
Continuación de la respuesta anterior .
Tenía el mismo "error de complemento" que @MehrdadBabaki. Desinstalé el compilador web, eliminé la carpeta AppData WebCompiler mencionada anteriormente, luego volví a abrir VS2019 y reinstalé el compilador web.
ENTONCES fui a la carpeta WebCompiler de nuevo y lo hice
npm i autoprefixer@latestnpm i caniuse-lite@latestynpm i caniuse-lite browserslist@latestfuente
npm --depth 9999 updatesolucionó el problema para mí, aparentemente porquepackage-lock.jsoninsistía en las versiones desactualizadas.fuente
npm --depth 99 update caniuse-lite browserslistcausadoJavaScript heap out of memoryen mi proyecto, pero senpm --depth 20 update caniuse-lite browserslistejecuta rápido y solucionó el error en mi caso.En mi caso, he eliminado las
caniuse-lite,browserslistcarpetas denode_modules.Luego escribo el siguiente comando para instalar los paquetes.
funcionó bien.
fuente
npm i browserslist caniuse-lite --saveEliminación
node_modulesypackage-lock.jsonynpm iresolver el problema para mí.fuente
Como se menciona en la respuesta de Scott Kuhl, este problema se menciona en https://github.com/madskristensen/WebCompiler/issues/413
Para mí, ejecutar el comando
npm i caniuse-lite- browserslistsolo funcionó durante aproximadamente 1/2 día antes de que volviera a ser un problema.La siguiente solución, mencionada en la publicación, funciona mucho mejor. Esto actualiza el archivo node.js para que lo use en
console.loglugar deconsole.warncuando devuelva estos errores.Puede actualizar manualmente este archivo ubicado en C: \ Users \ [Username] \ AppData \ Local \ Temp \ WebCompiler [VersionNumber] \ node_modules \ browserslist
O, para que se haga automáticamente, agregue lo siguiente a su archivo .csproj de la siguiente manera:
</Project>etiqueta final y antes de que se importara el paquete del compilador web de compilación.fuente
He solucionado este problema haciendo, paso a paso:
node_modulespackage-lock.json,npm --depth 9999 updatenpm installfuente
También tuve el mismo problema, este comando funciona para mí
npm i autoprefixer@latestSe añade automáticamente necesidad de dependencia en
package.jsonypackage-lock.jsonarchivo, como a continuación:package.json
package-lock.json
fuente
No estoy exactamente seguro de dónde estaba mi problema, pero creo que fue porque estaba usando los mismos paquetes globales tanto de npm como de Yarn.
Desinstalé todos los paquetes globales de npm, luego, cuando volví a usar los comandos de yarn, el problema desapareció.
Para ver los paquetes globales instalados ...
para npm:
para hilo:
Luego desinstalé cada paquete que vi en la lista de npm, usando:
fuente
En Mac, eliminé node_modules y package-lock.json, luego ejecuté npm install y solucionó mi problema.
fuente
Bajé la versión del nodo de 12 a 10
EDITAR
Este error ocurrió conmigo porque estaba usando la versión 12 del nodo. Cuando cambio a la versión 10.16.5, este error se detiene. Este error ocurrió en mi entorno local, pero en prod y staging, no sucede. En prod y la versión del nodo de ensayo es 10.x, así que simplemente hago esto y no necesitaba actualizar ningún paquete en mi package.json
fuente
Para solucionar el problema, puede escribir el siguiente comando:
fuente
Si usa hilo:
Ayuda para mi
fuente
Solución mínima que funcionó para mí para el proyecto actual.
eliminar
node_modules/browserslistdirectorio en el proyectoahora
ya no genera ese mensaje
fuente
npm install/npm ci?En mi caso esto funciona bien ...
sudo npm i -g browserslist caniuse-litefuente
sudocon,npm install -gya que esto puede causar problemas de permisos. Si no puede instalar módulos globalmente, esto se debe a problemas de permisos ya existentes. Una búsqueda SO ayudará a resolverlo.