Dziwne bugi

Na tej stronie dodajemy bugi i ich rozwiązania, które nie są intuicyjne i poprawienie których zajęło wam sporo czasu, żeby potem zaoszczędzić go innym.

Grafik się wczytuje w jednej aplikacji (Electron/Chrome/Firefox) i nie wczytuje się w innej

Jak rozwiązać

1. W pliku local-storage-provider zmienić konstruktor na taki:

constructor() { 
   super(); 
   this.storage = new PouchDB(DATABASE_NAME); 
   this.storage.destroy(); 
} 

2. Odpalić aplikację w tej przeglądarce (ablo elektronie) w której nie wczytuje się plik
3. Przejść na zakładkę edycji i kliknąć zapisz ( powinien pojawić się taki error jak na obrazku )
4. Usunąć linijkę this.storage.destroy() z konstruktora w local-storage-provider
5. Powinno działać

Czemu się pojawiał

Problem był związany z tym, że w momencie odświeżania stanu w przypadku jeśli stan był pusty to aplikacja się robiła request do bazy danych. Jeśli do bazy danych był wczytany pusty grafik, to po takim requeście on był wyciągany i wrzucany do stanu aplikacji ( stan aplikacji się updatował na nowy pusty grafik ). Aplikacja reagowała na ten update i z racji tego, że nowy stan był pusty, robiła nowy request do bazy danych. I tak w kółko. Teraz ten bug już jest poprawiony

To import Sass files you need to install node-sass

Problem jest z tym, że wersja node.js która aktualnie jest używana nie wspiera biblioteki node-sass

Jak rozwiązać

Zmienić wersję node na <=14. Najłatwiej, chyba, za pomocą tej utylity https://github.com/nvm-sh/nvm