Error loading Pipeline.js - Angular & ArcGIS API For JavaScript

Question

I've come across an error which I am not quite sure how to diagnose. I have an Angular 7 application which uses the ArcGIS JS API and the arcgis-webpack-plugin, configured similarly to this sample app: GitHub - Esri/angular-cli-esri-map at arcgis-webpack-angular I need to use some components of the dojo framework directly, importing them like this: import * as dojo from 'dojo/dojo'; import * as domProp from 'dojo/dom-prop'; However, I'm receiving this error at run time (the app does build without error): DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'localhost:4200/dojo/arcgis-js-api/views/2d/layers/features/Pipeline.js' failed to load. The error is straightforward - the script at '/dojo/arcgis-js-api/views/2d/layers/features/Pipeline.js' fails to load because it does not exist. But I was wondering if anyone can shed some light on this and help me understand what would cause an app to look in the 'dojo' API files for an ArcGIS JS API file. File '/arcgis-js-api/views/2d/layers/features/Pipeline.js' does exist, I'm just not sure what uses Pipeline.js as that is not something I directly reference or import, and why the app looks inside the dojo API for that file.

mfcallahan · Answer

Thanks, adding a similar configuration to my project looks like it would resolve the path issue I was seeing.  I ultimately abandoned moving my the project to the arcgis-webpack-plugin, but I will likely refer back to your answer in the near future with other projects.  Thanks for taking the time to help!

RyannGalea · Answer

I had to add this line:

{ name: "arcgis-js-api", location: `${DEFAULT_WORKER_URL}esri` }

To my loaderConfig packages as it was resolving the file at the wrong url.

רוןאברהם · Answer

Hello. I am facing the same issue. Just wondered if you managed to fix this, and How. Thanks in advance