react-plotly.js: react-plotly.js not working with node in SSR context

bbsite@0.0.0 start /home/username/project node ./lib/server/app.js

/home/username/project/node_modules/plotly.js/src/lib/is_plain_object.js:19 if(window && window.process && window.process.versions) { ^

ReferenceError: window is not defined at isPlainObject (/home/mastcoder/metabrainz/bookbrainz-site/node_modules/plotly.js/src/lib/is_plain_object.js:19:5) at overrideAll (/home/mastcoder/metabrainz/bookbrainz-site/node_modules/plotly.js/src/plot_api/edit_types.js:123:12) at Object.<anonymous> (/home/mastcoder/metabrainz/bookbrainz-site/node_modules/plotly.js/src/components/colorbar/attributes.js:17:18) at Module._compile (module.js:641:30) at Object.Module._extensions…js (module.js:652:10) at Module.load (module.js:560:32) at tryModuleLoad (module.js:503:12) at Function.Module._load (module.js:495:3) at Module.require (module.js:585:17) at require (internal/module.js:11:18) at Object.<anonymous> (/home/username/project/node_modules/plotly.js/src/traces/scatter/attributes.js:13:21) at Module._compile (module.js:641:30) at Object.Module._extensions…js (module.js:652:10) at Module.load (module.js:560:32) at tryModuleLoad (module.js:503:12) at Function.Module._load (module.js:495:3) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! bbsite@0.0.0 start: node ./lib/server/app.js npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the bbsite@0.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! /home/username/.npm/_logs/2018-02-14T10_21_38_925Z-debug.log

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 1
  • Comments: 16 (10 by maintainers)

Most upvoted comments

It seems that something like https://github.com/aulneau/next.js-with-react-plotly.js is the best we can do at the moment for SSR using this component. @etpinard you’re right that this is a thornier problem than I anticipated 😃