Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Duda] ng build (sin resolver)

Hola, hice todos los pasos que propusieron (al igiual que todos los que me propusieron ChatGpt) pero sigue dando el mismo error que adjunto al final, POR FAVOR SU AYUDA!!!!:

PS C:\workspace\Angular\catbook> node -v
v14.16.1
PS C:\workspace\Angular\catbook> npm version
{
  catbook: '0.0.0',
  npm: '6.14.12',
  ares: '1.16.1',
  brotli: '1.0.9',
  cldr: '37.0',
  icu: '67.1',
  llhttp: '2.1.3',
  modules: '83',
  napi: '7',
  nghttp2: '1.41.0',
  node: '14.16.1',
  openssl: '1.1.1k',
  tz: '2020a',
  unicode: '13.0',
  uv: '1.40.0',
  v8: '8.4.371.19-node.18',
  zlib: '1.2.11'
}
PS C:\workspace\Angular\catbook> ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 13.0.4
Node: 14.16.1
Package Manager: npm 6.14.12
OS: win32 x64

Angular: 13.0.3
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1300.4
@angular-devkit/build-angular   13.0.4
@angular-devkit/core            13.0.4
@angular-devkit/schematics      13.0.4
@angular/cli                    13.0.4
@schematics/angular             13.0.4
rxjs                            7.4.0
typescript                      4.4.4

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

Hola, Sebastian.

La causa de tu error es un bug en caniuse-lite/browserslist, que introdujo una versión inválida "18.5-18.6". No es un problema directo de tu package.json, sino de las dependencias internas que Angular usa para compilar.

Qué está pasando:

  • Angular CLI usa webpack + esbuild + browserslist para compilar.
  • En una actualización reciente de caniuse-lite (base de datos de compatibilidad de navegadores), se incluyó por error la versión "18.5-18.6".
  • Esbuild no acepta rangos de versión en ese formato, por eso lanza el error Invalid version: "18.5-18.6"

Cómo resolverlo:

  • Forzar actualización de caniuse-lite y browserslist:
npx browserslist@latest --update-db

Esto actualiza la base de datos y corrige la versión inválida.

  • Eliminar dependencias y reinstalar:
rm -rf node_modules package-lock.json
npm install
  1. Verificar que no haya rangos inválidos en tu package.json:
  • Busca dependencias con versiones tipo "18.5-18.6".
  • Cámbialas a "18.5.0" o "18.6.0".
  1. Actualizar Angular CLI y build tools:
    npm install @angular/cli@13.3.0 @angular-devkit/build-angular@13.3.0
  • (La rama 13.3 incluye fixes de compatibilidad con esbuild y browserslist).
  1. Si el error persiste, puedes fijar manualmente una versión estable de caniuse-lite en tu proyecto:
    npm install caniuse-lite@1.0.30001357
    (Ese release no contiene el rango inválido)

Consideraciones:

  • Node.js 14.16.1 ya está en fin de soporte. Angular 13 funciona, pero si planeas migrar a Angular 15+ necesitarás Node 16 o superior.
  • Si tu proyecto depende de librerías externas, asegúrate de que no estén fijando versiones rotas de caniuse-lite.

Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. ¡Continúa con tus estudios!