Comments (11)
chrisjpatty
commented on May 28, 2024
@freddy311082 As far as I'm aware it should support React 17. Do you have a public repo you could post? I have a project running React 17 that runs it with no problem. I wonder are you by chance using a build system with more strict peer dependencies or something like that?
from flume.
freddy311082
commented on May 28, 2024
@chrisjpatty thanks for your answer. Are you using typescript in your project? Sorry if I cannot, I'm new at using Flume
from flume.
chrisjpatty
commented on May 28, 2024
@freddy311082 I'm not using typescript, but I just spun up a new create-react-app with typescript and noImplicitAny disabled, and it's working fine on my end. Without knowing more about your project setup, I suspect there's an unrelated problem going on, but I can't know for sure. By the way, there's working being done right now to add Typescript types to Flume so it's a little easier to use out of the box. #43
from flume.
freddy311082
commented on May 28, 2024
Nice... it was a local issue. I just updated node and everything worked as expected even enabling typescript. Thanks @chrisjpatty
from flume.
chrisjpatty
commented on May 28, 2024
@freddy311082 Great to hear!
from flume.
freddy311082
commented on May 28, 2024
@chrisjpatty Sorry, but that I'm testing a simple piece of code, I got this error...
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
- You might have mismatching versions of React and the renderer (such as React DOM)
- You might be breaking the Rules of Hooks
- You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
See the public repo here (https://github.com/freddy311082/flumeexample) with a very simple change in App.js. I created a react app without typescript. I'm definitely missing something.
Any other comment here my friend?
from flume.
chrisjpatty
commented on May 28, 2024
@freddy311082 No worries, looking at it my guess is it's because you're trying to write jsx directly inside of the call to ReactDOM.render(). What I would try is moving that code to the App.js file and import it into the index.js file like normal. If that doesn't fix it let me know.
from flume.
freddy311082
commented on May 28, 2024
@chrisjpatty Same error
from flume.
chrisjpatty
commented on May 28, 2024
@freddy311082 It looks like you don't actually have flume installed. I pulled down your repo and ran npm install flume, and then it starts up just fine. Does that fix it on your end?
from flume.
freddy311082
commented on May 28, 2024
Oh! that's the issue.... I was in the wrong folder, sorry.... the issue is the same as the one I reported at the beginning and here is the full log
0 verbose cli [
0 verbose cli '/usr/local/Cellar/node/15.0.1/bin/node',
0 verbose cli '/usr/local/bin/npm',
0 verbose cli 'install',
0 verbose cli 'flume'
0 verbose cli ]
1 info using [email protected]
2 info using [email protected]
3 timing config:load:defaults Completed in 1ms
4 timing config:load:file:/usr/local/lib/node_modules/npm/npmrc Completed in 1ms
5 timing config:load:builtin Completed in 1ms
6 timing config:load:cli Completed in 1ms
7 timing config:load:env Completed in 1ms
8 timing config:load:file:/Users/freddy/projects/flume/flumejs/.npmrc Completed in 0ms
9 timing config:load:project Completed in 0ms
10 timing config:load:file:/Users/freddy/.npmrc Completed in 0ms
11 timing config:load:user Completed in 0ms
12 timing config:load:file:/usr/local/etc/npmrc Completed in 0ms
13 timing config:load:global Completed in 0ms
14 timing config:load:cafile Completed in 0ms
15 timing config:load:validate Completed in 0ms
16 timing config:load:setUserAgent Completed in 0ms
17 timing config:load:setEnvs Completed in 0ms
18 timing config:load Completed in 5ms
19 verbose npm-session b601ba63e3a59fbb
20 timing npm:load Completed in 11ms
21 timing arborist:ctor Completed in 0ms
22 timing idealTree:init Completed in 691ms
23 timing idealTree:userRequests Completed in 2ms
24 silly idealTree buildDeps
25 silly fetch manifest flume@*
26 timing arborist:ctor Completed in 0ms
27 http fetch GET 304 https://registry.npmjs.org/flume 1187ms (from cache)
28 silly fetch manifest prop-types@^15.5.4
29 http fetch GET 304 https://registry.npmjs.org/prop-types 42ms (from cache)
30 silly fetch manifest react@^17.0.1
31 http fetch GET 304 https://registry.npmjs.org/react 39ms (from cache)
32 timing idealTree Completed in 1973ms
33 timing command:install Completed in 1975ms
34 verbose stack Error: unable to resolve dependency tree
34 verbose stack at Arborist.[failPeerConflict] (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:1011:25)
34 verbose stack at Arborist.[loadPeerSet] (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:991:36)
34 verbose stack at async Arborist.[buildDepStep] (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:760:11)
34 verbose stack at async Arborist.buildIdealTree (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:202:7)
34 verbose stack at async Promise.all (index 1)
34 verbose stack at async Arborist.reify (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/reify.js:121:5)
34 verbose stack at async install (/usr/local/lib/node_modules/npm/lib/install.js:40:5)
35 verbose cwd /Users/freddy/projects/flume/flumejs
36 verbose Darwin 19.6.0
37 verbose argv "/usr/local/Cellar/node/15.0.1/bin/node" "/usr/local/bin/npm" "install" "flume"
38 verbose node v15.0.1
39 verbose npm v7.0.3
40 error code ERESOLVE
41 error ERESOLVE unable to resolve dependency tree
42 error
43 error While resolving: [email protected]
43 error Found: [email protected]
43 error node_modules/react
43 error react@"^17.0.1" from the root project
43 error
43 error Could not resolve dependency:
43 error peer react@"^16.13.1" from [email protected]
43 error node_modules/flume
43 error flume@"*" from the root project
43 error
43 error Fix the upstream dependency conflict, or retry
43 error this command with --force, or --legacy-peer-deps
43 error to accept an incorrect (and potentially broken) dependency resolution.
43 error
43 error See /Users/freddy/.npm/eresolve-report.txt for a full report.```
:(
from flume.
chrisjpatty
commented on May 28, 2024
@freddy311082 Were you able to get this resolved on your end? I just released v0.6.3 which resolves some bugs related to React 17, but I don't think this problem you were having was actually related to React 17.
from flume.
Related Issues (20)
- is this project still in development? HOT 1
- [Question] Vanilla JS usage ? HOT 2
- Type 'string' is not comparable to type 'NodeType' HOT 2
- Support for "any" datatype on ports
- Saving/loading of paths HOT 1
- I can't add nodetypes dynamic
- Clone of version v0.8.2 but version compatibility problem on installation HOT 1
- Bug: Cannot read properties of null (reading 'setAttribute')
- Connecting nodes to already connected input?
- Branching logic
- Getting and setting pan and zoom HOT 1
- Theming documentation missing closing backtick
- Animated connections
- How to actually extract context?
- Rendering custom components in nodes
- Flume for NEXT.js v14
- Support mobile? (ipad)
- Well done! HOT 1
- Inquiry on Project Maintenance Status for Flume HOT 3
- Custom node connectors
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
đ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. đđđ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google â¤ī¸ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flume.