getting WebGL errors when running Angular 11 app

Question

I'm using the following:

Angular 11.2.11

ES modules 4.19.1

I'm trying to get a sample working of our map component library (originally done in Angular 9 and using esri-loader). For now, I have the code from the Intro to MapView - Create a 2D map sample hardcoded into the library.  When I run the app locally (built library and ng serve), I get an automatic scroll of the map. The console also shows WebGL errors. Any ideas what's causing this?

I tried the Angular sample from the Esrt reources github and that runs correctly on its own.

AndyGup · Answer

@YingWang I recommend comparing your app to the sample app here: https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-angular-cli. Also make sure you are following the recommendations outlined in the README.

YingWang · Answer

@AndyGup I am encountering this same issue.  Was there ever a solution?

FentonCheng_-_DIT · Answer

After trying on my end, we might go back to esri loader for the rewrite for now. I tried forcing the height and width within angular and it was completely ignored; even changing it on the fly from the dev tools didn't work.