Odświeżanie pakietów – npm audit

Brałam ostatnio udział w warsztatach z Node.js, na których poznałam przydatną komendę npm audit. Pozwala ona na sprawdzenie pakietów wykorzystywanych w projekcie pod względem nieprawidłowości. Ale zacznijmy od początku. Error: Cannot audit a project without a lockfile Na sam początek próbowałam uruchomić komendę w pewnym starym projekcie. Okazało się, że niestety nie działa: Przyczyna okazała …

Czytaj dalej Odświeżanie pakietów – npm audit

Npm ci

W nawiązaniu do aplikacji reactowej, nad którą pracowałam, natknęłam się na interesujący artykuł. To, co charakterystyczne w tego typu aplikacji frontendowej (obojętnie, czy to react, czy angular) to to, że zawiera plik package.json, w którym są skonfigurowane wersje bibliotek. Dodatkowo po zmianie package.json lub modyfikacji folderu node_modules automatycznie jest generowany plik package-lock.json (jeśli używasz npm …

Czytaj dalej Npm ci

Null a undefined

Często pracując z Typescriptem przychodzi moment, w którym należy sobie zadać pytanie - chcę użyć null czy undefined? Czasami może nam się wydawać, że jest to obojętne - ale jednak różnica jest. Podstawowa różnica Na początek: undefined - coś nie zostało zainicjalizowane,null - coś jest aktualnie niedostępne. Jak sprawdzić obydwie te wartości w jednej operacji? …

Czytaj dalej Null a undefined

Deploy z wykorzystaniem Github Pages

Ostatnio przy okazji robienia kursu z Angulara na Udemy, natknęłam się na ciekawe rozwiązanie - deployment aplikacji z GitHub na Github Pages. Nie działa to dla każdego rodzaju aplikacji - można wrzucać tylko pliki HTML, CSS oraz Javascript. Jest to więc idealne rozwiązanie do zdeployowania aplikacji napisanej w Angularze (TypeScript kompiluje się do Javascriptu). Tworzenie …

Czytaj dalej Deploy z wykorzystaniem Github Pages

Angular 5 – HttpClient

Przy okazji aktualizacji Angulara do wersji 5, zobaczyłam, że są dostępne nowe, zaktualizowane pakiety. Na początek skupiłam się na HttpClientModule, czyli ulepszonej wesji HttpModule. Poniżej przedstawiam rezultaty zmiany modułu http, czyli po kolei sposób aktualizacji serwisów i komponentów. Aktualizacja serwisów Stara wersja serwisu: Nowa wersja serwisu: Aktualizacja komponentów Stara wersja komponentu: Nowa wersja komponentu: Główne różnice …

Czytaj dalej Angular 5 – HttpClient

Aktualizacja Angular 4=>5 i Typescript 2.2.1=>2.5.3

Stwierdziłam ostatnio, że czas zaktualizować pakiety w mojej aplikacji. Kilka miesięcy wcześniej wyszła nowa wersja Angulara (5), więc to był dobry czas na jego aktualizację. Błąd @angular/compiler-cli requires a peer of typescript but none was installed. Już na początku aktualizacji okazało się, że mam błąd: @angular/compiler-cli@5.2.3 requires a peer of typescript@>=2.4.2 <2.7 but none was installed. …

Czytaj dalej Aktualizacja Angular 4=>5 i Typescript 2.2.1=>2.5.3

JS Upskill – recenzja warsztatów Angular 2/4/5

JS Upskill Wrocław O tym, że istnieje taka inicjatywa jak JS Upskill Wrocław prowadzona przez Łukasza Gąsiora, wiedziałam od dawna. Zaczęłam obserwować poczynania tej grupy, ale dotychczas nie wzięłam udziału w żadnych warsztatach. Powód był prosty - zwykle skupiam się bardziej na backendzie. Frontendowe rzeczy mniej mnie interesują. Nie wzięłam więc udziału w warsztatach dotyczących Javascript, …

Czytaj dalej JS Upskill – recenzja warsztatów Angular 2/4/5

Error „No provider for …Service”

Podczas prac nad nowym modułem wyników (tak, tak, prace nad aplikacją wciąż trwają ;p ) musiałam w pewnym komponencie skorzystać z dodatkowych serwisów: Jak widać wyżej, w GameResultDetailComponent wykorzystuję dodatkowe 2 serwisy: BoardGameService oraz GamerService. Jednakże po uruchomieniu aplikacji otrzymałam następujący błąd: Rozwiązanie okazało się całkiem proste. Należało dodać odpowiednie serwisy w samym komponencie do …

Czytaj dalej Error „No provider for …Service”

Aktualizacja Angular 2->4 i TypeScript 2.2->2.4

Z okazji wolnego dnia wpadłam na pomysł zaktualizowania oprogramowania aplikacji. Zdecydowałam się na update Angulara z wersji 2.2.1 na 4.3.3. Wiązało się to ze zmianą wersji pakietów w pliku package.json. Byłam sceptycznie nastawiona do zmiany, ponieważ nie chciałam opóźniać (i tak spowolnionych własnym lenistwem i brakiem czasu) prac nad projektem. Z okazji dnia wolnego zmobilizowałam …

Czytaj dalej Aktualizacja Angular 2->4 i TypeScript 2.2->2.4

Błąd „Cannot match any routes. URL Segment: ‚_'”

Od kilku miesięcy działania aplikacji ciągle miałam w przeglądarce błąd dotyczący url: Ciągle nie miałam czasu się za niego zabrać, bo skoro aplikacja działała, to rozwiązanie problemu zostawiałam na później. Wiem, nie jest to zbyt dobra praktyka. Powinnam od razu naprawić błąd - ale czasami to, że wiemy, co trzeba zrobić, nie wystarcza do tego, …

Czytaj dalej Błąd „Cannot match any routes. URL Segment: ‚_'”