[has workaround] Webpack v5 compatibility

With Webpack v5 I failed to run plotly.js, it requires additional stream and assert libs. The complete problem description is available here https://github.com/quasarframework/quasar/issues/11229

As I was pointed Webpack v5 removed the Nodejs polyfills for the web client builds. It seems that plotly.js for the web client rely on Nodejs API , and I get errors saying that some packages are missing. These probably need to be addressed by the plotly.js communty.

For users, if you just want to run your app/website (with a bit of risk), then you can manually install node-polyfill-webpack-plugin which solves the problem.

[mtgraves]

@jmacura @ZodiacWind

…if it helps, for my react apps I ended up getting things to work by switching from importing like this:

import Plotly from "plotly.js";
import createPlotlyComponent from 'react-plotly.js/factory';

const Plot = createPlotlyComponent(Plotly);

to simply…

import Plot from 'react-plotly.js';

and I also (maybe related…maybe not but including for completeness) switched from the full plotly to a minified version. So my package.json went from:

"dependencies": {
    ...
    "plotly.js": "^1.58.4",
    "react-plotly.js": "^2.5.1",
    "react-scripts": "^4.0.3",
    ...
  },

to…

"dependencies": {
    ...
    "plotly.js-basic-dist-min": "^2.8.3",
    "react-plotly.js": "^2.5.1",
    "react-scripts": "5.0.0",
    ...
  },

Hope that helps?

[ZodiacWind]

@jmacura That’s great. Thanks for the information.