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-flow cannot be installed in a fresh create-react-app app

See original GitHub issue

Describe the Bug

npm install react-flow-renderer --save
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: pipeline-editor-vscode@0.1.0
npm ERR! Found: react@18.0.0
npm ERR! node_modules/react
npm ERR!   react@"^18.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"16 || 17" from react-flow-renderer@10.0.8
npm ERR! node_modules/react-flow-renderer
npm ERR!   react-flow-renderer@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

npx create-react-app my-app npm install react-flow-renderer

Expected behavior

I expect react-flow to be installable

Screenshots or Videos

No response

Platform

  • OS: Windows

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
moklickcommented, May 3, 2022

Fixed with v10.2.0

0reactions
MLNWcommented, May 3, 2022

@FateRiddle please see #2067

The linked MR has been merged just a few hours ago

Read more comments on GitHub >

github_iconTop Results From Across the Web

Installation and Requirements - Getting Started - React Flow
Here's how to install the React Flow package using npm (as reactflow), and how to include it in your own project.
Read more >
React Flow showing Cannot resolve module error for create ...
flowconfig file and I am using create-react-app so according to the documentation that was it. In the .flowconfig under [options] i set all...
Read more >
React-Flow :All You Need To Know In This Library.
First of all, you need to create a react-app by using this command npx create-react-app . Then open the react app. then run...
Read more >
What To Do if create-react-app Doesn't Work
1. npm uninstall -g create-react-app · 2. yarn global remove create-react-app · 3. npm update npx · 4. npm install npm@latest -g ·...
Read more >
How to incrementally add Flow to an existing React app
It uses Skyscanner's custom Create React App script backpack-react-scripts ... npm install flow-bin babel-cli babel-preset-flow --save-dev ...
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