Comments (14)
HarelM
commented on May 28, 2024
This repo is maintained.
I'm using node 16 and not 17 which might cause issues.
You can have a look at the demo code to see how it is built.
I have tested it recently and it worked, so I'm not sure how to help here unfortunately...
from ngx-maplibre-gl.
DataPhaseDan
commented on May 28, 2024
Hi,
thanks for your reply. I also used the actual LTS Version of node still no luck... guess i have to stick to a old version, i cant figure it out to get it running.
from ngx-maplibre-gl.
HarelM
commented on May 28, 2024
You can check the following:
https://maplibre.org/ngx-maplibre-gl/demo/display-map
You can click the edit button in the upper right corner to see the code.
from ngx-maplibre-gl.
DataPhaseDan
commented on May 28, 2024
yeah if i try i get a error, even on stackblitz
from ngx-maplibre-gl.
HarelM
commented on May 28, 2024
Can you share a stackbliz with the error?
from ngx-maplibre-gl.
DataPhaseDan
commented on May 28, 2024
Error in /turbo_modules/@angular/[email protected]/bundles/core.umd.js (4346:19)
Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
; Zone:
<root>
; Task:
null
; Value:
Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
at getCompilerFacade (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/bundles/core.umd.js:4346:19)
at Object.ɵɵngDeclareFactory (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/bundles/core.umd.js:33937:24)
at Object.eval (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/fesm2015/forms.mjs:93:36)
at eval (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/fesm2015/forms.mjs:7295:4)
at eval (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/fesm2015/forms.mjs:7296:3)
at eval (<anonymous>)
at Qt (https://c.staticblitz.com/d/webcontainer.2289b255d2f1f7fce446a3938a878ba992b69534.js:15:30145)
at https://c.staticblitz.com/d/webcontainer.2289b255d2f1f7fce446a3938a878ba992b69534.js:15:38799
at U (https://c.staticblitz.com/d/webcontainer.2289b255d2f1f7fce446a3938a878ba992b69534.js:15:13565)
at https://c.staticblitz.com/d/webcontainer.2289b255d2f1f7fce446a3938a878ba992b69534.js:15:13207
core.umd.js:4346
Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
Unhandled Promise rejection:
Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
; Zone:
<root>
; Task:
null
; Value:
Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
at getCompilerFacade (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/bundles/core.umd.js:4346:19)
at Object.ɵɵngDeclareFactory (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/bundles/core.umd.js:33937:24)
at Object.eval (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/fesm2015/forms.mjs:93:36)
at eval (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/fesm2015/forms.mjs:7295:4)
at eval (https://txflie--run.stackblitz.io/turbo_modules/@angular/[email protected]/fesm2015/forms.mjs:7296:3)
at eval (<anonymous>)
at Qt (https://c.staticblitz.com/d/webcontainer.2289b255d2f1f7fce446a3938a878ba992b69534.js:15:30145)
at https://c.staticblitz.com/d/webcontainer.2289b255d2f1f7fce446a3938a878ba992b69534.js:15:38799
at U (https://c.staticblitz.com/d/webcontainer.2289b255d2f1f7fce446a3938a878ba992b69534.js:15:13565)
at https://c.staticblitz.com/d/webcontainer.2289b255d2f1f7fce446a3938a878ba992b69534.js:15:13207
core.umd.js:4346
Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.```
from ngx-maplibre-gl.
HarelM
commented on May 28, 2024
I need to see a stack blitz to be able to help...
from ngx-maplibre-gl.
DataPhaseDan
commented on May 28, 2024
Just click the demo and press edit.
(https://maplibre.org/ngx-maplibre-gl/demo/display-map)
it always generates a new fork on stackblitz so i cant send you my session. The demosite does not work when pressing edit.
from ngx-maplibre-gl.
HarelM
commented on May 28, 2024
Thanks! I'll look into it. Weird...
from ngx-maplibre-gl.
HarelM
commented on May 28, 2024
You can have a look at the following - almost complete example (missing css)
https://stackblitz.com/edit/angular-ivy-fpge8r?file=src%2Findex.html
from ngx-maplibre-gl.
DataPhaseDan
commented on May 28, 2024
Thanks
from ngx-maplibre-gl.
HarelM
commented on May 28, 2024
I've fixed a few problems but for some reason the dependencies in stack blitz are at 12 while the project needs 13.
Can't find anything on it in Google though... :-/
from ngx-maplibre-gl.
DataPhaseDan
commented on May 28, 2024
it finally works, btw on mapbox demosite is the same problem seems probably a issue with the bootstraping of the angular project on stackblitz
https://wykks.github.io/ngx-mapbox-gl/
thanks for your help.
from ngx-maplibre-gl.
HarelM
commented on May 28, 2024
Yea, I think there's a problem with the defaults of stackblitz.
It adds angular 12 default dependencies while using 13 for the extra dependencies that are requested by the embedded page.
Also there's a breaking change in terms of how you can dynamically add components.
I'll open an issue there and direct them to the PR I created here so they can look and let me know if I should improve anything...
from ngx-maplibre-gl.
Related Issues (20)
- v15 breaks popups with [closeOnClick]="true" HOT 19
- Map does not render at full height HOT 7
- Add support for standalone components HOT 1
- Use the new SVG for MapLibre HOT 3
- runtime error HOT 2
- Slow performance HOT 6
- Demo link is broken HOT 1
- npm package for version 13.0.0 HOT 1
- Migrate e2e tests out of protractor
- Makes other libs crash like ag-grid HOT 1
- Change links to maplibre docs
- Controls created with the included directives aren't destroyed correctly HOT 1
- Try to display clusters on the map following your example but they don't appear HOT 3
- Angular 15 support HOT 28
- Help: MapKit JS integration with this Library HOT 4
- bearing attribute not working on Map?
- Map does not fill its container -- how to force a resize? HOT 5
- Map Component in <div> not displaying map HOT 2
- Showcase website gets unresponsive HOT 1
- Browser window resizing brakes map rendering HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-maplibre-gl.