Comments (7)
Can you share a code snippet of what you are trying to do?
from angular-cli-esri-map.
It seems I have all these files in my node_modules in the 'arcgis-js-api' folder although I do not know how to forward the esriConfig to it?
I am reading about dojoConfig but again I do not know how to implement this with Angular
from angular-cli-esri-map.
Ok, so I have used the webpack implementation in my Angular 9 project and when using the 'topo-vector' basemap I cannot load properly.
I resolved the issues with localhost as I wasn't setting my config properly. I am currently using:
const DEFAULT_WORKER_URL = "https://js.arcgis.com/4.14/";
const DEFAULT_LOADER_URL = `${DEFAULT_WORKER_URL}dojo/dojo-lite.js`;
esriConfig.workers.loaderUrl = DEFAULT_LOADER_URL;
esriConfig.workers.loaderConfig = {
baseUrl: `${DEFAULT_WORKER_URL}dojo`,
packages: [
{ name: "esri", location: `${DEFAULT_WORKER_URL}esri` },
{ name: "dojo", location: `${DEFAULT_WORKER_URL}dojo` },
{ name: "dojox", location: `${DEFAULT_WORKER_URL}dojox` },
{ name: "dstore", location: `${DEFAULT_WORKER_URL}dstore` },
{ name: "moment", location: `${DEFAULT_WORKER_URL}moment` },
{ name: "@dojo", location: `${DEFAULT_WORKER_URL}@dojo` },
{
name: "cldrjs",
location: `${DEFAULT_WORKER_URL}cldrjs`,
main: "dist/cldr"
},
{
name: "globalize",
location: `${DEFAULT_WORKER_URL}globalize`,
main: "dist/globalize"
},
{
name: "maquette",
location: `${DEFAULT_WORKER_URL}maquette`,
main: "dist/maquette.umd"
},
{
name: "maquette-css-transitions",
location: `${DEFAULT_WORKER_URL}maquette-css-transitions`,
main: "dist/maquette-css-transitions.umd"
},
{
name: "maquette-jsx",
location: `${DEFAULT_WORKER_URL}maquette-jsx`,
main: "dist/maquette-jsx.umd"
},
{ name: "tslib", location: `${DEFAULT_WORKER_URL}tslib`, main: "tslib" }
]
}
To reolve this above issue I am just using 'topo' basemap for now.
Although I am facing a different issue now were I get the error:
dojo-lite.js:6 DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'https://js.arcgis.com/4.14/dojo/arcgis-js-api/views/2d/layers/features/Pipeline.js' failed to load.
at Function.injectUrl (https://js.arcgis.com/4.14/dojo/dojo-lite.js:6:127)
at Ja (https://js.arcgis.com/4.14/dojo/dojo-lite.js:21:304)
at c (https://js.arcgis.com/4.14/dojo/dojo-lite.js:4:436)
at https://js.arcgis.com/4.14/dojo/dojo-lite.js:11:284
at Ea (https://js.arcgis.com/4.14/dojo/dojo-lite.js:19:193)
at ka (https://js.arcgis.com/4.14/dojo/dojo-lite.js:11:270)
at na (https://js.arcgis.com/4.14/dojo/dojo-lite.js:12:110)
at t (https://js.arcgis.com/4.14/dojo/dojo-lite.js:5:107)
at messageHandler (blob:http://localhost:4200/e85013a7-83fe-46ce-946a-596516ebcbfd:1:1795)
Its very frustrating not knowing how to resolve it, it seems to be going to the correct path, or am I missing something? It shows up twice consecutively
from angular-cli-esri-map.
I have noticed now I can actually resolve that file using this link opposed to where it's trying to locate it:
https://js.arcgis.com/4.14/esri/views/2d/layers/features/Pipeline.js
Just not sure how to adapt the config to use this correct link.
from angular-cli-esri-map.
Ok, well I have figure out that I had to add this line:
{ name: "arcgis-js-api", location: `${DEFAULT_WORKER_URL}esri` },
to my loaderConfig packages, this has resolved this issue for now.
from angular-cli-esri-map.
I'm testing Angular 9 and I was able to get topo-vector
to work using all the project defaults without modifying any config files except to update the node packages. Something might have changed that fixed the issue:
"@arcgis/webpack-plugin": "^4.14.1"
"@angular/core": "~9.0.2"
"@angular/cli": "~9.0.2"
"@angular-builders/custom-webpack": "^8.4.1"
from angular-cli-esri-map.
@andygup, Thanks for the update, will test this out at soon.
from angular-cli-esri-map.
Related Issues (20)
- `Unhandled Promise rejection` errors are thrown on SceneView panning and zooming HOT 1
- `Unhandled Promise rejection` errors are thrown when adding basemaps to existing BasemapGalleryWidget HOT 4
- Repo retirement notice for 4.22 HOT 1
- esri-view not working when used height=100% HOT 5
- esriSignInDialog broken in JS API 4.15 using the Angular CLI and esri-loader HOT 3
- Popup template format not working HOT 2
- Document handling change detection in Angular components HOT 1
- "Cannot read property 'processors' of undefined" when using FeatureLayer, Angular 10 HOT 4
- Destroying the map - memory leak HOT 2
- Creating a Search Widget in Angular with No Map HOT 4
- click event hitTest() result undefined HOT 9
- Document using local css and workers
- Error upgrading to v 4.17 HOT 10
- Error on executing npm install command for ESRI webPack HOT 2
- ENOENT: no such file or directory HOT 3
- Deprecation notice - update repo for ArcGIS JS API ES modules (beta) at 4.18 HOT 8
- Upgrade to 4.12 fails in IE11 HOT 7
- Where is urlUtils imported from? HOT 4
- Uncaught ReferenceError: __esri is not defined HOT 5
- NgRx effects with QueryTask HOT 2
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 angular-cli-esri-map.