Czasami API się sypie.

Question

Link do projektu: http://szuflandia.pjwstk.edu.pl/~s14216/WPR/App/public_html/

Działą na firefox.

Link do gita: https://github.com/PatrykMaternicki/tic-tac-toe/blob/master/public_html/JS/Game.js

Oto problem, w ramach zaliczenia jednego z przedmiotu miałem napisać aplikacje w gre tic tac toe (tak wiem ambitnie). Założyłem,że będzie to aplikacja typu runTime. A assety(scene gry) będę pobierał AJAX-em. I tu zakładam jest problem, gdy następuję run , DOM nie nadąża z budową widoku, przez co jak wstrzykuje dane z configMenager, api się sypie. Biblioteki były zakazane. Jakoś webpack przecisnąłem. Pytanie, czy istnieje metoda, która działa na zasadzie, odświeżyłem widok(scena gry -> wygląd strony) i teraz możesz dodawać do węzłów swoje dane?

Drugi problem crossBrowsing, na wspracie od IE nie liczyłem, jednakże brak wsparcia od Chrome mnie zdziwiło.Pytanie czy istnieje jakiś pakiecik npm który dostarcza polyfill dla innych przeglądarek oraz starszych? Zainstalowane mam babel-loader babel-loader-presetes15.

Prosze nie bić za jakość kodu. Dedlajn mnie gonił xd.

Comments

Webpack możesz wykorzystać wyłącznie do bundlowania modułów, a projekt uchwycić w katalogu typu /dist i z niego zasysać zawartość w grze. Dlaczego zwyczajnie nie zdebugujesz kodu, używając najprostszych narzędzi typu konsola? Już po pierwszym uruchomieniu wyskakuje błąd z linii 76 skryptu SceneManager.js, że nie masz zdefiniowanej którejś zmiennej. Problem z cross-origin pewnie wynika ze złego użycia webpacka, ale jak już wspomniałem, możesz to olać i wszystkie moduły spakować do jednego pliku, który będziesz ładował w dokumencie.

---

Wiem, o tym błędzie, ale on pojawia się co jakiś czas. Nie wiem z czego to wynika, że ładuje nagle zły asset (Połączenie się nie skończyło (Choć konsola zwraca 200) czy DOM nie zdążył zbudować widoku)

Webpack możesz wykorzystać wyłącznie do bundlowania modułów, a projekt uchwycić w katalogu typu /dist i z niego zasysać zawartość w grze.

Czyli wystarczy sam client.min.js(gotowy) nie muszę wrzucać wszystkiego? Jeżeli tak, to dzięki zawsze się zastanawiałem jak to do końca działa.

Problem z cross-origin pewnie wynika ze złego użycia webpacka, ale jak już wspomniałem, możesz to olać i wszystkie moduły spakować do jednego pliku, który będziesz ładował w dokumencie.

Chodzi ci o usunięcie import/export ? Nie, za mało to czytelne to będzie.

Na IE pewnie więcej o coś chodzi.

Ale na chrome dokładnie nie zaglądałem co tam konsola krzyczy. Dam znać o tym póżniej, teraz muszę napisać kolejny projekt (baza danych heh).

Answer 1

Nie chodzi mi o kod źródłowy skupiony w jednym pliku, tylko narzędzie, które wszystkie skupi do jednego, który będziesz ładował w przeglądarce, może być skompresowany, tak jak wspomniałeś.

Błąd dotyczy tego, że nie zawsze dysponujesz tą zmienną w scope, a co za tym idzie odwołujesz się do nieistniejącej zmiennej.

Jak wrócę do domu, to może kuknę głębiej co tam siedzi.

Comments

Chodzi ci o coś w stylu browserify?

Przerabiałem to, ale po jakimś czasie jak człowiek patrzy na te require to już sam nie wie co to za konstruktor :).

Błąd dotyczy tego, że nie zawsze dysponujesz tą zmienną w scope, a co za tym idzie odwołujesz się do nieistniejącej zmiennej.

No to teraz dałeś mi zagwozdkę.