Mientras actualizaba el angular de 10 a 12, estaba siguiendo todos los pasos que ya están escritos aquí
https://actualizar.angular.io/?l=3&v=10.0-12.0
Sin embargo, después de realizar todos estos pasos correctamente, estos son los errores que recibo:
An unhandled exception occurred: Must use import to load ES Module: /home/../angular/node_modules/@angular/compiler-cli/bundles/index.js require() of ES modules is not supported. require() of /home/../angular/node_modules/@angular/compiler-cli/bundles/index.js from /home/../angular/node_modules/@angular-devkit/build-angular/src/webpack/configs/common.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules. Instead rename index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /home/../angular/node_modules/@angular/compiler-cli/package.json. No pude entender cómo solucionarlo. Traté de eliminar "type": "module" de /home/../angular/node_modules/@angular/compiler-cli/package.json pero no resolvió mi problema.
Estaré muy contento si alguien me ayuda a resolver este problema.
Problema resuelto por
ng update -- to update angular for the local projectabra package.json para cambiar todos los elementos angulares en "dependencias" y "devDependencies" de 12 a 13, por ejemplo:
"dependencies": { "@angular/animations": "~13.1.1", "@angular/cdk": "^13.1.1", "@angular/common": "~13.1.1", "@angular/compiler": "~13.1.1", "@angular/core": "~13.1.1", "@angular/forms": "~13.1.1", "@angular/material": "^13.1.1", "@angular/platform-browser": "~13.1.1", "@angular/platform-browser-dynamic": "~13.1.1", "@angular/router": "~13.1.1", } "devDependencies": { "@angular-devkit/build-angular": "~13.1.1", "@angular/cli": "~13.1.1", "@angular/compiler-cli": "~13.1.1", "typescript": "~4.5.4" } npm installTodo listo
Enfrenté el mismo problema al actualizar la versión angular de mi aplicación de 12 a 13. No actualicé el paquete ng-packagr a su última versión. Después de actualizar el ng-packagr
Versión que usé: "ng-packagr": "~13.3.1"
Asegúrese de que su espacio de trabajo esté ordenado y pruebe el siguiente comando. Esto podría resolver tu problema.
# Step 1: Update your cli npm i -g @angular/cli # Step 2: Migrate your workspace cli ng update @angular/cli --migrate-only --from 10 --to 12 # Step 3: Migrate Angular Core ng update @angular/core --migrate-only --from 10 --to 12