1. Wymagania...

No to lecimy wg instrukcji ze strony projektu: 

Upewnij się, że masz Node (14+) oraz git.

Jeśli jeszcze ich nie masz to… pssst… zaoszczędź kilka minut swojego życia i zrób to jak prawidziwy kozak.

winget install git.git
winget install OpenJS.NodeJS

2. Tworzenie projektu

Teraz jedziemy dalej. 

npm create ol-app my-app
cd my-app
npm start

Ka boom! 
w katalogu roboczym „C:\laragon\GPX\OpenLayer\” (twój będzie inny) pojawił się nowy folder „my-app” są tam niezbędne do dalszej pracy pliki projektu.

Jak widzisz po npm start w konsoli dostajesz URLa. Pod tym adresem działa Twój projekt! Otwórz go w przeglądarce (CTRL+ LPM). Masz swoją mapę!

3. Modyfikacje

Teraz możesz sobie edytować pliki i dostosowywać do swoich potrzeb (w czasie rzeczywistym!) 

Na przykład: edytuję plik style.css, dodaję margines 50px z każdej strony, zapisuję i voilà samo się odświeżyło i jest z marginesami! 

4. Publikacja

Jak to… opublikować? Nie będziesz chyba wysyłał na FTPa 1787 plików i prawie 40MB… No raczej! 

Dlatego wbijasz w konsolę

npm run build

i po kilku sekundach masz kolejny folder dist, w którym masz wygenerowane to, co (minimalnie) potrzebujesz do publikacji. 4 pliki o wadze ~1,6MB 🙂

5.Problemy

 Taki poradnik, że ładuje błędami! :/ 

Nie otwieraj bezpośrednio pliku, tylko wyślij to na serwer www / FTP albo opal lokalnie jakiś serwer np. laragon 

Odpaliłem laragon i nadal nie działa :/

Ale… pamiętasz, że odpalając projekt lokalnie na Windows musisz odpowiednio ustawić ścieżkę do pliku? Popraw to wstawiając kropkę… 

Similar Posts

Unable to generate private keys using openssl_pkey_new.

Unable to generate private keys using openssl_pkey_new.

ByTadeusz

Unable to generate private keys using openssl_pkey_new. Check your OpenSSL configuration, especially the path to openssl.cafile. Błąd omawiany na https://github.com/PrestaShop/PrestaShop/issues/33286 dotyczy problemu antualizacji Prestashop do wersji 8.1 w specyficznej konfiguracji – a minowicie na Windows (na przykład w Laragon). Moduł 1-Click Upgrade twierdzi wtedy, że „PrestaShop requirements are not satisfied.” i jako problem podaje: „Unable…