Ionic 5 amb Angular

Fa una mica més de 2 anys, vaig presentar una sèrie d'articles per explicar pas a pas com fer una aplicació multi-plataforma amb Ionic. Es tractava d'indicar a quina hora surt i s'amaga el sol en un lloc determinat, en un dia determinat. Ha passat el temps i un parell de versions d'Ionic, així que anem a veure què ha canviat, reformulant la mateixa idea, però ara amb Ioniv 5.

En primer lloc, instal·lem o actualitzem la versió de Ionic:

npm install -g @ionic/cli

Tot seguit, creem una aplicació base, amb pestanyes:

ionic start SunriseSunset tabs

Passarem per diverser preguntes senzilles:

• com a Framework, escollim Angular 
• escollim també integrar l'aplicació amb Capacitor.
• no cal crear un compte a Ionic.

Tot seguit podem anar al directori de l'aplicació i engegar-la per veure el seu aspecte:

cd ./SunriseSunset
ionic serve

Amb això l'aplicació serà compilada i s'obrirà automàticament en el navegador, mostrant una pantalla similar a:

Res gaire espectacular de moment, però almenys tenim una base per on començar !!

Si mirem l'estructura del projecte, veurem que cada pàgina està definida en el seu propi mòdul, i amb el seu fitxer de routing. També s'inclou el fitxer de specs per poder testejar la pàgina. És important mantenir cada pàgina en el seu propi directori, ja que això facilitarà l'organització del projecte.

ERROR: node-sass errors.missingBinary() [SOLUCIONAT]

Us ha passat mai que en anar a executar la vostre aplicació Ionic/Angular us salti un error del tipus ?

• Node Sass could not find a binding for your current environment

I que un npm install clàssic tampoc no ho solucioni ?

No patiu, que no és tan greu. L'error apareix típicament quan hem canviat la versió del node. Llavors, simplement cal recompilar el paquet node-sass a mà:

npm rebuild node-sass

I tal com podeu veure en la imatge següent, després ja podrem executar l'aplicació normalment:

Ja em comentareu si us ha servit !