angular-plotly.js icon indicating copy to clipboard operation
angular-plotly.js copied to clipboard

Angular 19 specs won't run

Open jakehockey10 opened this issue 1 year ago • 2 comments

When using this library in an Angular 19 application, I'm having an issue running my test suite. None of the tests run due to the following:

✔ Browser application bundle generation complete.

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'd3-array' in '.../node_modules/plotly.js-dist-min'

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'd3-collection' in '.../node_modules/plotly.js-dist-min'

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'd3-dispatch' in '.../node_modules/plotly.js-dist-min'

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'd3-geo' in '.../node_modules/plotly.js-dist-min'

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'd3-path' in '.../node_modules/plotly.js-dist-min'

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'd3-quadtree' in '.../node_modules/plotly.js-dist-min'

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'd3-shape' in '.../node_modules/plotly.js-dist-min'

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'd3-time' in '.../node_modules/plotly.js-dist-min'

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'd3-timer' in '.../node_modules/plotly.js-dist-min'

./node_modules/plotly.js-dist-min/plotly.min.js - Error: Module not found: Error: Can't resolve 'elementary-circuits-directed-graph' in '.../node_modules/plotly.js-dist-min'

I'm not sure how to diagnose this and the plotly.js github doesn't show any issues like this in their repository. Could I get some help getting pointed in the right direction on diagnosing the issue here and overcoming it?

For what it is worth, the plots work great when serving the application, so I'm hopeful that there is something I need to do to get my specs running again.

jakehockey10 avatar Feb 07 '25 05:02 jakehockey10

This seems to be an issue with the recently released 3.0.0 (10 days ago) of plotly.js-dist-min. Unfortunately, this library doesn't seem compatible with that major version upgrade, so the current instructions to install this npm package might need to specify that we need to stick with version 2 to at least have the spec be able to run. Still not sure why there are no issues when serving the app itself. I didn't want to create a PR to update the README because I didn't actually know much about the nature of the cause of this issue.

jakehockey10 avatar Feb 07 '25 05:02 jakehockey10

same issues for me running with Angular 19...

losciur avatar Feb 15 '25 14:02 losciur