Simple Web Map for Openlayers using Html and JavaScript.

[@FPSepanta]

After I try the npx create-ol-app my-app
- -template vite .. it shows error ...
could not find commit hash for HEAD

[@dinamagdy319]

Many thanks, It's wonderful, The best video ever to embed map to website completely, It's the best for beginners.
Please help me to make the marker and popup with fully and simplist way. 😢

[@arnoldkilaini]

You are welcome, please subscribe and share the video. I will consider doing that

[@verataileh8534]

After I try the npx create-ol-app my-app
- -template vite .. it shows error .. why does it happen? Can u explain? Thnkss

[@arnoldkilaini]

The npx command, tries to install in your my-app folder (Make sure you have created a folder with folder name my-app)

[@verataileh8534]

@@arnoldkilaini u mean, I must create an empty folder with “my-app” name in my computer (any directory) before using the npx command?

[@arnoldkilaini]

​@@verataileh8534well, it can be any name but for this example I created my-app where thr npx openlayers(ol) command is installed.

[@verataileh8534]

@@arnoldkilainiI created mine, (openlayers folder) and installed the open layer .. “npm install ol” . Then I tried the “npx create-ol-app openlayers - - template vite” .. it shows “could not find comit hash for HEAD”

[@arnoldkilaini]

@@verataileh8534 are you using visual studio code as IDE? then install git as extension and try! Make sure you have good internet connection. Or install github in your pc, (try that)

[@63_shekharuike40]

It show me error

[@arnoldkilaini]

@@63_shekharuike40 where and which message error? Have you followed the video in detailed steps?

[@muhmmmadsulaiman946]

npm error code ENOENT
npm error syscall lstat
npm error path C:\Users\Muhammad Sulaiman\AppData\Roaming
pm
npm error errno -4058
npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\Muhammad Sulaiman\AppData\Roaming
pm'
npm error enoent This is related to npm not being able to find a file.
npm error enoent
npm error A complete log of this run can be found in: C:\Users\Muhammad Sulaiman\AppData\Local
pm-cache\_logs\2024-08-05T08_57_14_468Z-debug-0.log
it show me this error I also create a folder name my-app

[@arnoldkilaini]

@muhmmmadsulaiman946 hello, have you installed correctly the Node JS and which version are l are you using It should be more than version 14?

[@muhmmmadsulaiman946]

@@arnoldkilaini i have version 20
.16

[@muhmmmadsulaiman946]

@@arnoldkilaini
🚨 Build failed.
@parcel/transformer-js: Browser scripts cannot have imports or exports.
D:\pha_land_web_mapping\scripts\map.js:1:1
> 1 | import 'ol/ol.css';
> | ^^^^^^^^^^^^^^^^^^^
2 | import { Map, View } from 'ol/';
3 | import TileLayer from 'ol/layer/Tile';
D:\pha_land_web_mapping\index.html:12:5
11 |
> 12 |
> | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ The environment was originally created here
13 |
14 |
how to solve this issue ?sir