Comments (7)
In the /app folder:
npm install [email protected] [email protected] [email protected]
from stream-react-example.
Getting the same error.
from stream-react-example.
I fixed my issue by downgrading react and react-dom to 15.6.2 and react-router to 3.2.0.
from stream-react-example.
Hey EliSadaka, how would I go about downgrading react and react-dom to 15.6.2 and react-router to 3.2.0.
from stream-react-example.
I was sure hoping to be able to use this tutorial, but have now spent an entire weekend on step 1. There are very specific dependencies for everything, but these aren't mentioned (I ended up figuring it out based on the publish date of the tutorial- guessing at the versions based on what was out at that time).
I worked through one roadblock at a time. Initially I found myself removing and re-installing different modules with brew on my mac, and I started suspecting that things were just too "unclean" to get the right versions of things working together. So I started creating a docker container, building it up a bit at a time based on what I found to work and not work.
I ended up with: Ubuntu 16.0.4, Python 2.7, Node 9.2.1, Webpack 2.6.1, and MySQL 5.6 (5.7 seems to work but getting it to install with apt-get in a Dockerfile was problematic).
With this configuration, the "npm install" steps completed, webpack completed, and the api and app startups were all error-free. But then I got the blank app page as others have noted in this issue. I followed the advice to "npm install [email protected] [email protected] [email protected]" in the app directory. Now I at least have an image background in the browser and "Continue with Facebook" in the bottom (which doesn't work). But clearly I still don't have the whole app running.
I was really hoping to work through this tutorial to help me get up and running with React and Getstream. But it looks like this is hopelessly out of date and I'm just going to keep encountering road blocks, and the lost time is accumulating.
Perhaps I've just gone down the wrong path, making things harder for myself? If anyone is able to make this work in an up-to-date late 2018 stack (Mac or Docker), please let me know the versions/steps. Thanks!
from stream-react-example.
I created a Github project of the Docker file I used to work through all the dependencies and make this tutorial work. If anyone finds it useful:
https://github.com/ericsolberg/cabin
from stream-react-example.
@ericsolberg please did you get the app to work after clicking the continue with facebook if yes please share your code with me i also have been working on getting it pass the facebook login
from stream-react-example.
Related Issues (20)
- App is not working HOT 2
- api not working on my machine
- runing api always fails
- runing the api leads me to this failure
- The demo site https://getstream.io/cabin/demo/ is not working. HOT 7
- please how do i get https to work for this app HOT 2
- {"code":"InvalidCredentials","message":"No authorization token was found"} HOT 6
- it is mistake in stream-react-example/api/processes.json file HOT 1
- CORS not working on api
- {"code":"InvalidCredentials","message":"No authorization token was found"} HOT 2
- ER_WRONG_VALUE_FOR_VAR: Variable 'sql_mode' can't be set to the value of 'NO_AUTO_CREATE_USER' HOT 2
- Having issues when running "source ../env.sh; webpack --watch --progress" HOT 2
- Please update code with the one from demo
- How do I update props sent to Activity?
- what the correct callback url to add to facebook developer to get the working like the demo and not to stuck on loading screen HOT 1
- what the correct url details for facebook developer i need to get the app working like the demo cus is mine is stuck on reloading HOT 1
- Webpack issue in app
- CORS issue
- Consider adding a License
- ChannelList reaload everytime parent state change
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 stream-react-example.