Archive for Angular

May 9th 2020

Another process, with id #######, is currently running ngcc

Número de lecturas: 312

Un momento cuando estaba haciendo pruebas unitarias y cancele el proceso al momento de volver a ejecutar aparecio este error.

La solución es sencilla:
1.- Borrar la carpeta node_modules
2.- Instalar nuemavente con npm i
3.- Ejecutar nuevamente ng serve o ng test

Fuente:
https://stackoverflow.com/a/61122898/2400373

April 28th 2020

Angular 8 and importing Json (error TS2732)

Número de lecturas: 358

Si necesitas importar un archivo .json se puede utilizar esta linea:

import particlesJson from '../../assets/particles.json';

Pero genera este error:

ERROR in src/app/profile/login.component.ts(3,27): error TS2732: Cannot find module '../../assets/particles.json'. Consider using '--resolveJsonModule' to import module with '.json' extension

La solución es agregar esto:

"resolveJsonModule": true,
"esModuleInterop": true,

en compilerOptions dentro del archivo tsconfig.json

Fuente:
https://stackoverflow.com/a/57574607/2400373

April 27th 2020

Error with Angular 8 and 9 – ‘allowSyntheticDefaultImports’ flag (error TS1259)

Número de lecturas: 344

Este error se produce cuando se carga un .json al componente. error TS1259

"can only be default-imported using the 'allowSyntheticDefaultImports' flag"

Para solucionar esto simplemente en el archivo tsconfig.json se debe agregar lo siguiente:

"compilerOptions": { "allowSyntheticDefaultImports":true, }

 

Fuente:

https://github.com/visjs/vis-network/issues/67#issuecomment-598173037

 

 

October 22nd 2019

Como utilizar target=”_blank” en un link con Angular

Número de lecturas: 2070

En un desarrollo estaba utilizando siempre botones para navegar pero surgio la necesidad de crear un link que se debe abrir en otra página. En este caso se debe realizar lo siguiente.

Primero se define la ruta.

//app.routes.ts

{ path: 'partido/:id', component: PartidosComponent },
Luego en el componente .html se lo detalla de la siguiente forma, donde lo que nos interesa es esto:
[routerLink]="['/', 'partido', calendario.fixture_id]"
El primer campo indica desde donde inicia la ruta en este caso desde la raiz del dominio: / , luego se detalla el nombre que se definio en la ruta en este caso: partido y finalmente el parámetro si es que se necesita: calendario.fixture_id
Se lo puede ver en funcionamiento en este sitio:
Fuente:
https://alligator.io/angular/navigation-routerlink-navigate-navigatebyurl/