question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

react-plotly does not work with webpack

See original GitHub issue

in my package.json

  "dependencies": {
    "ify-loader": "^1.1.0",
    "mobx": "^3.0.0",
    "mobx-react": "^4.1.0",
    "mobx-react-devtools": "^4.2.11",
    "plotly.js": "^1.31.2",
    "react": "^15.1.0",
    "react-dom": "^15.1.0",
    "react-plotly.js": "^1.0.4"
  },
  "browserify": { 
    "transform": [ "plotly" ] 
  }

in my webpack.conf

  node: {
    fs: "empty"
  },
  module: {
    rules: [{
      test: /\.jsx?$/,
      use: ['babel-loader'],
      include: path.join(__dirname, 'src')
    }],
    loaders: [{
      test: /node_modules.*\.js$/,
      loader: 'ify-loader'
    }]
  }

it still gives my an error like this: browser.js:2 Uncaught Error: It appears that you're using glslify in browserify without its transform applied. Make sure that you've set up glslify as a source transform

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:9 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
nicolaskruchtencommented, Apr 6, 2018

Check out https://github.com/plotly/plotly-webpack for the up to date webpack guidance

0reactions
tim-softcommented, Apr 6, 2018

@nicolaskruchten did you wind up following though on those points?

react-plotly in webpack appears to be very finicky

Read more comments on GitHub >

github_iconTop Results From Across the Web

Can't build react-plotly.js
I've followed the instructions for building react-plotly.js with webpack (https://github.com/plotly/react-plotly.js/#build-with-webpack), ...
Read more >
Plotly.js dependency is breaking the React application
The problem is plotly.js is needed for the app, we cannot drop it! I tried installing both deleted dependencies again, but the error...
Read more >
react-plotly.js vs webpack - npm trends
react -plotly.js vs webpack ... Stars, Issues, Version, Updated, Created, Size ... all browsers that are ES5-compliant (IE8 and below are not supported)....
Read more >
How to Integrate Plotly in Reactjs - MindBowser
Plotly is an open-source Javascript library used to draw charts. ... If “legendonly” then it does not appear on the graph but when...
Read more >
Plotly Dash or React.js + Plotly.js? A side by side comparison
Dash is not only generating the required Javascript code but also the Web API ... This is handled by Yarn using Webpack and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found